/* Capa aditiva de catálogo e inicio. Sin cambios en las vistas de producto. */
body .kroa-catalogo-cabecera { background: #08170e; border-bottom: 0; }
body .kroa-catalogo-cabecera__rejilla { min-height: 590px; padding-block: clamp(4rem,8vw,7rem); display: flex; align-items: center; }
body .kroa-catalogo-cabecera__texto { max-width: 560px; }
body .kroa-catalogo-cabecera__titulo { font-size: clamp(3.2rem,6.6vw,6.1rem); letter-spacing: -.045em; max-width: 10ch; margin-block: .9rem 1.4rem; }
body .kroa-catalogo-cabecera .kroa-lead { max-width: 40ch; font-size: clamp(1rem,1.4vw,1.15rem); line-height: 1.8; }
body .kroa-catalogo-cabecera .kroa-ventanilla__vista { width: min(82%,1250px); object-position: center; opacity: .94; transform: translate3d(var(--cabina-x,0px),var(--cabina-y,0px),0) scale(1.035); transition: transform .8s cubic-bezier(.2,.7,.2,1); }
body .kroa-catalogo-cabecera .kroa-ventanilla__marco::after { background: linear-gradient(90deg,#08170e 2%,#08170ef5 22%,#08170ebb 39%,#08170e14 70%),linear-gradient(0deg,#08170e,transparent 24%,transparent 85%,#08170e55); }
body .kroa-catalogo-cabecera .kroa-ventanilla__brillo { inset: 8% 4% 8% 54%; border-radius: 45%; background: linear-gradient(115deg,transparent 28%,#fff5 49%,transparent 65%); animation: none; transform: translateX(var(--cabina-x,0px)); transition: transform 1s; opacity: .12; }
body .kroa-experiencia-acciones { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.7rem; margin-top: 2rem; }
body .kroa-experiencia-acciones .kroa-boton, body .kroa-viaje-personal .kroa-boton { gap: 1rem; border-radius: 999px; padding: .95rem 1.5rem; text-transform: none; letter-spacing: 0; }
body a.kroa-experiencia-enlace { color: #f3efdf; display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; text-decoration: none; border-bottom: 1px solid #82976b; font-size: .95rem; }
body a.kroa-experiencia-enlace:hover { color: #bdde44; border-color: #bdde44; }
body .kroa-cabina-nota { display: flex; align-items: center; gap: .65rem; margin-top: 2rem; font-size: .8rem; color: #c7ccb9; letter-spacing: .035em; }
body .kroa-cabina-nota > span { color: #e2bf72; font-size: 1.5rem; }
body .kroa-ruta-banda { background: #102319; border-block: 1px solid #39503a; scroll-margin-top: 120px; }
body .kroa-ruta-banda__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 1.4rem; }
body .kroa-ruta-banda__firma { font-size: .68rem; letter-spacing: .18em; color: #e2bf72; }
body .kroa-ruta-banda ol { display: flex; flex-wrap: wrap; gap: 1rem 2.4rem; margin: 0; padding: 0; list-style: none; }
body .kroa-ruta-banda li { color: #e0e6d8; font-size: .82rem; }
body .kroa-ruta-banda li span { color: #bdde44; margin-right: .7rem; font-size: .7rem; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) .kroa-filtros { padding: clamp(1.2rem,2.5vw,2rem); background: linear-gradient(135deg,#183323,#0d2015); border: 1px solid #496047; border-radius: 22px; box-shadow: 0 20px 60px -35px #000; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) .kroa-filtros label { color: #e6ebdc; font-size: .8rem; letter-spacing: .025em; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) .kroa-filtros :is(input[type=search],select) { min-height: 48px; border-radius: 10px; background-color: #08170e; border: 1px solid #60705a; color: #f5f3e9; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) ul.products li.product { border: 1px solid #35503d; border-radius: 20px; background: linear-gradient(155deg,#152b1e,#0b1b12); box-shadow: 0 18px 35px -30px #000; transition: translate .35s,border-color .35s,box-shadow .35s; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) ul.products li.product img { border-radius: 16px; }
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) .kroa-carrusel__marco { box-shadow: 0 15px 35px -20px #000; border: 1px solid #687346; }
body .kroa-inspiracion { background: radial-gradient(ellipse at 90% 0,#25371b66,transparent 50%),#09180f; padding-block: clamp(3.5rem,7vw,7rem); border-block: 1px solid #304330; }
body .kroa-inspiracion__head { display: grid; grid-template-columns: 1.3fr 1fr; align-items: end; gap: 2rem; margin-bottom: 2.5rem; }
body .kroa-inspiracion .kroa-kicker { color: #e2bf72; }
body .kroa-inspiracion h2 { color: #f5f3e9; font-size: clamp(2.4rem,4.8vw,4.5rem); line-height: 1.12; letter-spacing: -.035em; margin: .7rem 0 0; }
body .kroa-inspiracion__head p:not(.kroa-kicker) { color: #c4cebf; max-width: 43ch; }
body .kroa-inspiracion__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
body a.kroa-inspiracion__card { position: relative; display: flex; min-height: 400px; aspect-ratio: 4/5; overflow: hidden; isolation: isolate; border: 1px solid #58704b; border-radius: 120px 120px 22px 22px; color: #fff; background: radial-gradient(ellipse at 60% 25%,#5b7040,#163423 55%,#08170e); text-decoration: none; }
body .kroa-inspiracion__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,#030d08f5,transparent 70%); z-index: -1; }
body .kroa-inspiracion__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
body .kroa-inspiracion__numero { position: absolute; top: 2rem; inset-inline: 1rem; text-align: center; font-size: .65rem; letter-spacing: .18em; text-shadow: 0 1px 8px #000; }
body .kroa-inspiracion__caption { width: 100%; display: flex; justify-content: space-between; align-items: end; align-self: end; padding: 1.8rem; gap: .8rem; }
body .kroa-inspiracion__caption strong { display: block; font-family: var(--kroa-serif); font-size: clamp(1.7rem,2.5vw,2.5rem); line-height: 1.15; font-weight: 500; }
body .kroa-inspiracion__caption small { display: block; margin-top: .7rem; color: #e1e5d9; font-size: .8rem; }
body .kroa-inspiracion__flecha { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid #c4d89d88; border-radius: 50%; color: #d6eaaa; font-size: 1.35rem; }
body .kroa-viaje-personal { display: flex; gap: 1.5rem; align-items: center; margin-top: 2rem; padding: 2rem; border: 1px dashed #63704c; border-radius: 18px; background: #14271b; }
body .kroa-viaje-personal__icono { color: #e2bf72; font-size: 3.2rem; }
body .kroa-viaje-personal h3 { color: #f5f3e9; font-size: 1.5rem; margin: 0 0 .4rem; }
body .kroa-viaje-personal p { color: #c4cebf; margin: 0; font-size: .9rem; }
body .kroa-viaje-personal .kroa-boton { margin-left: auto; flex-shrink: 0; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body .kroa-inspiracion__card:hover img { transform: scale(1.055); }
 body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) ul.products li.product:hover { translate: 0 -5px; border-color: #93ad60; box-shadow: 0 24px 40px -25px #000; }
}
@media (max-width: 900px) {
 body .kroa-ruta-banda__inner { flex-direction: column; align-items: flex-start; gap: 1rem; }
 body .kroa-inspiracion__card { min-height: 300px; }
 body .kroa-inspiracion__caption { padding: 1.2rem; }
 body .kroa-viaje-personal { flex-wrap: wrap; }
 body .kroa-viaje-personal .kroa-boton { margin-left: 0; }
}
@media (max-width: 600px) {
 body .kroa-catalogo-cabecera__rejilla { min-height: 660px; padding-block: 3rem 15rem; align-items: flex-start; }
 body .kroa-catalogo-cabecera__titulo { font-size: clamp(2.8rem,12vw,4rem); }
 body .kroa-catalogo-cabecera .kroa-ventanilla__vista { inset: auto 0 0; width: 100%; height: 300px; object-fit: cover; opacity: .85; transform: none; }
 body .kroa-catalogo-cabecera .kroa-ventanilla__marco::after { background: linear-gradient(180deg,#08170e 52%,#08170eaa 64%,transparent 85%,#08170e); }
 body .kroa-catalogo-cabecera .kroa-ventanilla__brillo { display: none; }
 body .kroa-ruta-banda ol { display: grid; gap: .65rem; }
 body .kroa-inspiracion__head,body .kroa-inspiracion__grid { grid-template-columns: 1fr; }
 body a.kroa-inspiracion__card { min-height: 330px; aspect-ratio: 1.1; border-radius: 80px 80px 20px 20px; }
 body .kroa-viaje-personal { padding: 1.4rem; gap: 1rem; }
 body .kroa-viaje-personal__icono { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 body .kroa-catalogo-cabecera .kroa-ventanilla__vista { transform: none; transition: none; }
 body .kroa-catalogo-cabecera .kroa-ventanilla__brillo { transition: none; animation: none; }
 body .kroa-inspiracion__card img,body:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) ul.products li.product { transition: none; }
}

/* V6 — carrusel de pósters grandes: conserva todos los enlaces originales. */
body.home .kroa-destinos.kroa-destinos--carrusel {
 display: flex; justify-content: flex-start; gap: 28px; overflow-x: auto;
 scroll-snap-type: x mandatory; scroll-padding-inline: 8px;
 padding: 12px 8px 30px; scrollbar-width: thin; scrollbar-color: #829953 #10251a;
}
body.home .kroa-destinos--carrusel > .kroa-destino {
 flex: 0 0 calc((100% - 28px) / 2); scroll-snap-align: start;
 opacity: 1; transform: none; transition-delay: 0s !important;
}
body .kroa-destinos-mandos { display: flex; align-items: center; gap: .6rem; margin: 1.5rem 0 .75rem; }
body .kroa-destinos-mandos[hidden] { display: none; }
body .kroa-destinos-contador { margin-right: auto; font-size: .8rem; color: #c8d5bd; font-variant-numeric: tabular-nums; letter-spacing: .06em; }
body .kroa-destinos-mandos button { display: grid; place-items: center; min-width: 46px; min-height: 46px; border-radius: 999px; padding: .5rem 1rem; background: #163322; border: 1px solid #708651; color: #eef4e3; font-size: .85rem; }
body .kroa-destinos-mandos button:hover { border-color: #bdde44; background: #29442b; }
body .kroa-destinos-mandos button:disabled { opacity: .4; cursor: default; }
body .kroa-destinos-mandos button[hidden] { display: none; }
/* La cabina queda estable; paisaje, ala y cristal reaccionan a distinta profundidad. */
body .kroa-catalogo-cabecera {
 background: radial-gradient(ellipse at 76% 44%,#62706438,transparent 48%),linear-gradient(110deg,#08170e 24%,#17281f 75%,#0b1812);
 isolation: isolate;
}
body .kroa-catalogo-cabecera::before {
 content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
 background: linear-gradient(100deg,transparent 52%,#d9d3ad0c 52.2%,transparent 52.7%,transparent 96%,#0005 96.4%);
}
body .kroa-catalogo-cabecera__rejilla {
 display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
 gap: clamp(2rem,5vw,5rem); min-height: 740px; padding-block: 4rem;
}
body .kroa-catalogo-cabecera__texto { max-width: 560px; }
body .kroa-catalogo-cabecera .kroa-ventanilla {
 position: relative; inset: auto; width: 100%; max-width: 460px; justify-self: center;
 z-index: 1; perspective: 1200px; padding: 0 24px; box-sizing: border-box;
}
body .kroa-cabina-asiento { display: flex; justify-content: center; gap: 1.2rem; align-items: center; color: #e0d5b3; font-size: .64rem; letter-spacing: .18em; margin-bottom: 24px; }
body .kroa-cabina-asiento span { font-size: 1.5rem; }
body .kroa-catalogo-cabecera .kroa-ventanilla__marco,
body .kroa-catalogo-cabecera .kroa-ventanilla:hover .kroa-ventanilla__marco {
 position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 3 / 4.15;
 padding: 19px; margin: 0; box-sizing: border-box; overflow: visible;
 border: 1px solid #f8f2d3; border-radius: 46% 46% 43% 43% / 37% 37% 37% 37%;
 background: linear-gradient(125deg,#fbf3dc,#a6a99f 24%,#e9e7d6 49%,#737e78 77%,#dadbca);
 box-shadow: 0 0 0 7px #68736b,0 0 0 9px #b5b9a3,0 0 0 18px #293b30,0 0 0 19px #647261,18px 26px 58px #0008,-12px -10px 35px #d9ce9c14,inset 2px 3px 6px #ffffef,inset -5px -6px 12px #34443b;
 transform: rotateX(var(--cabina-giro-x,0deg)) rotateY(var(--cabina-giro-y,0deg));
 transition: transform .65s cubic-bezier(.2,.7,.2,1);
}
body .kroa-catalogo-cabecera .kroa-ventanilla__marco::after { content: none; }
body .kroa-cabina-cristal { position: absolute; inset: 19px; overflow: hidden; isolation: isolate; border-radius: inherit; background: #aec5c5; box-shadow: 0 0 0 2px #4e5b53,0 0 0 5px #adb3a5; }
body .kroa-cabina-cristal::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 12px 5px 22px #08141988,inset -5px -6px 15px #071d1e66; z-index: 5; }
body .kroa-catalogo-cabecera .kroa-ventanilla__vista {
 position: absolute; inset: -20% -25%; width: 150%; max-width: none; height: 140%;
 object-fit: cover; object-position: 52% 50%; opacity: 1;
 transform: translate3d(var(--cabina-x,0px),var(--cabina-y,0px),0);
 transition: transform .7s cubic-bezier(.2,.7,.2,1); filter: saturate(.85) brightness(1.08);
}
body .kroa-cabina-nubes {
 position: absolute; inset: -15% -35%; opacity: .4; pointer-events: none;
 background: radial-gradient(ellipse at 15% 72%,#fffce3b3,transparent 28%),radial-gradient(ellipse at 83% 30%,#fffff180,transparent 25%),radial-gradient(ellipse at 70% 94%,#fffbddb3,transparent 33%);
 animation: kroa-cabina-nubes 18s ease-in-out infinite alternate; z-index: 1;
}
@keyframes kroa-cabina-nubes { from { transform: translate3d(-4%,2%,0); } to { transform: translate3d(8%,-4%,0); } }
body .kroa-cabina-ala { position: absolute; width: 128%; max-width: none; height: auto; right: -14%; bottom: 7%; z-index: 2; filter: drop-shadow(0 8px 12px #16313d33); transform: translate3d(var(--cabina-ala,0px),var(--cabina-ala-y,0px),0); transition: transform .8s cubic-bezier(.2,.7,.2,1); }
body .kroa-catalogo-cabecera .kroa-ventanilla__brillo {
 display: block; position: absolute; inset: 0; z-index: 3; border-radius: inherit; opacity: .42;
 background: radial-gradient(ellipse at var(--cabina-luz,50%) 9%,#fff8cf80,transparent 55%),linear-gradient(113deg,transparent 26%,#fff9dc35 28%,transparent 31%,transparent 68%,#ffffff18 69%,transparent 73%);
 transform: none; transition: background .7s; animation: none;
}
body .kroa-cabina-pie { display: flex; justify-content: space-between; gap: 1rem; margin-top: 33px; color: #b8c3b7; font-size: .64rem; letter-spacing: .04em; }
body .kroa-cabina--quieta .kroa-cabina-nubes { animation-play-state: paused; }
@media (max-width: 900px) {
 body .kroa-catalogo-cabecera__rejilla { gap: 2rem; }
 body .kroa-catalogo-cabecera .kroa-ventanilla { padding-inline: 18px; }
 body .kroa-catalogo-cabecera .kroa-ventanilla__marco { padding: 14px; }
 body .kroa-cabina-cristal { inset: 14px; }
}
@media (max-width: 700px) {
 body.home .kroa-destinos--carrusel > .kroa-destino { flex-basis: 88%; }
 body.home .kroa-destinos.kroa-destinos--carrusel { gap: 20px; }
 body .kroa-catalogo-cabecera__rejilla { grid-template-columns: minmax(0,1fr); padding-block: 3rem; gap: 2.5rem; min-height: 0; }
 body .kroa-catalogo-cabecera .kroa-ventanilla { max-width: 370px; }
 body .kroa-cabina-pie { font-size: .6rem; }
 body .kroa-cabina-asiento { letter-spacing: .1em; }
}
@media (prefers-reduced-motion: reduce) {
 body .kroa-catalogo-cabecera .kroa-ventanilla__marco,
 body .kroa-catalogo-cabecera .kroa-ventanilla:hover .kroa-ventanilla__marco,
 body .kroa-catalogo-cabecera .kroa-ventanilla__vista,
 body .kroa-cabina-ala { transform: none; transition: none; }
 body .kroa-cabina-nubes { animation: none; }
 body .kroa-catalogo-cabecera .kroa-ventanilla__brillo { transition: none; }
}

/* V8: franja de cabina a todo el ancho; cada foto conserva su encuadre completo. */
body.home .kroa-destinos-cabina { position: relative; max-width: none; box-sizing: border-box; overflow: hidden; padding: 1rem 0 1.5rem; background: radial-gradient(ellipse at 50% 45%,#354a372b,transparent 75%); }
body .kroa-destinos-mandos { justify-content: center; flex-wrap: wrap; gap: .55rem; margin: .5rem auto .2rem; padding-inline: 16px; }
body .kroa-destinos-contador { margin: 0 .65rem 0 0; font-size: .75rem; }
body .kroa-destinos-mandos button { min-width: 44px; min-height: 44px; padding: .45rem .85rem; }
body.home .kroa-destinos-cabina .kroa-destinos.kroa-destinos--carrusel {
 display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start;
 width: 100%; max-width: none; margin: 0; box-sizing: border-box; gap: clamp(24px,3vw,48px);
 padding: 18px 24px 25px; overflow-x: auto; scroll-snap-type: none; scroll-behavior: auto;
 scrollbar-width: none; border-block: 1px solid #6c7c4c25;
}
body.home .kroa-destinos-cabina .kroa-destinos::-webkit-scrollbar { display: none; }
body.home .kroa-destinos-cabina .kroa-destinos--carrusel > .kroa-destino {
 flex: 0 0 clamp(230px,21vw,300px); width: auto; max-width: none; min-width: 0; align-items: center;
 border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible;
 transform: none; opacity: 1; transition: none;
}
body.home .kroa-destinos-cabina .kroa-destino .kroa-destino__marco {
 flex: none; position: relative; isolation: isolate; width: 100%; max-width: none; min-height: 0;
 aspect-ratio: 4 / 5; border-radius: 38% / 22%; border: 1px solid #f4e4b4;
 box-sizing: border-box; overflow: hidden;
 background: linear-gradient(125deg,#e8e0c6,#7d8a7c 28%,#e4ddc5 51%,#536759 79%,#c6b88c);
 box-shadow: 0 0 0 3px #263d2e,0 0 0 5px #788466,0 20px 30px -20px #000;
}
body.home .kroa-destinos-cabina .kroa-destino__marco::before {
 content: ""; position: absolute; inset: 9px; border-radius: inherit; z-index: 1;
 pointer-events: none; background: transparent;
 box-shadow: inset 2px 3px 8px #000a,inset -2px -3px 5px #d9e4bb66,0 0 0 1px #435849;
}
body.home .kroa-destinos-cabina .kroa-destino__ambiente {
 position: absolute; inset: 9px; width: calc(100% - 18px); height: calc(100% - 18px);
 max-width: none; border-radius: inherit; object-fit: cover; filter: blur(12px) brightness(.52);
 opacity: .8; z-index: 0; pointer-events: none;
}
body.home .kroa-destinos-cabina .kroa-destino__img,
body.home .kroa-destinos-cabina .kroa-destino:hover .kroa-destino__img {
 position: absolute; inset: 8% 10%; width: 80%; height: 84%; max-width: none;
 object-fit: contain; object-position: center; border-radius: 4px; transform: none; z-index: 2;
 filter: drop-shadow(0 4px 7px #0005);
}
body.home .kroa-destinos-cabina .kroa-destino__marco::after {
 content: ""; position: absolute; inset: 9px; border-radius: inherit; z-index: 3; pointer-events: none;
 background: linear-gradient(115deg,#fffae614,transparent 24%,transparent 82%,#fffae610);
 transform: none; opacity: 1; animation: none;
}
body.home .kroa-destinos-cabina .kroa-destino__pie { display: flex; flex-direction: column; align-items: center; text-align: center; background: transparent; gap: .35rem; padding: 1.1rem .3rem .25rem; }
body.home .kroa-destinos-cabina .kroa-destino__nombre { color: #f1efdc; font-size: clamp(1.3rem,1.8vw,1.65rem); margin: 0; }
body.home .kroa-destinos-cabina .kroa-destino__meta { color: #becdae; font-size: .78rem; }
body .kroa-destinos-vuelo { position: relative; width: 100%; max-width: none; height: 70px; margin: 0; overflow: hidden; pointer-events: none; }
body .kroa-destinos-vuelo::before { content: ""; position: absolute; inset: 37px 0 auto; border-top: 1px dashed #9aae6266; }
body .kroa-destinos-avion { position: absolute; left: 0; top: 7px; width: 70px; height: 58px; display: grid; place-items: center; color: #e7d6a0; opacity: 0; filter: drop-shadow(0 5px 7px #0009); }
body .kroa-destinos-avion svg { width: 58px; height: 58px; transform: rotate(var(--avion-direccion,-90deg)); }
body .kroa-destinos-avion::after { content: ""; position: absolute; top: 28px; left: 57px; width: 95px; height: 2px; background: linear-gradient(90deg,#dddfa37a,transparent); }
@media (max-width: 700px) {
 body.home .kroa-destinos-cabina .kroa-destinos--carrusel > .kroa-destino { flex-basis: clamp(210px,65vw,260px); }
 body.home .kroa-destinos-cabina .kroa-destinos.kroa-destinos--carrusel { gap: 26px; padding-inline: 20px; }
 body .kroa-destinos-vuelo { height: 58px; }
 body .kroa-destinos-avion { top: 1px; }
}
@media (prefers-reduced-motion: reduce) { body .kroa-destinos-vuelo { display: none; } }

body .kroa-destinos-avion.is-returning::after { left: auto; right: 57px; background: linear-gradient(270deg,#dddfa37a,transparent); }

/* V9: paisaje generado con GPT, texto estable y profundidad por capas. */
body.home :is(.kroa-section__head,.kh-head).kroa-paisaje-destinos {
 position: relative; isolation: isolate; display: flex; align-items: center;
 min-height: clamp(410px,34vw,560px); max-width: none; box-sizing: border-box;
 margin-top: 0; margin-bottom: 0; padding: 3rem clamp(24px,7vw,120px);
 overflow: hidden; text-align: left; background: #0a1b12;
}
body.home .kroa-paisaje-destinos::before {
 content: ""; position: absolute; inset: -22px; z-index: -3;
 background: url('../img/gpt-destinos-rana-v9.png') center / cover no-repeat;
 transform: translate3d(var(--paisaje-x,0px),var(--paisaje-y,0px),0) scale(1.035);
 transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
body.home .kroa-paisaje-destinos::after {
 content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
 background: linear-gradient(90deg,#06150cdf 0%,#07170d9e 30%,#07170d30 55%,transparent 76%),linear-gradient(0deg,#09180f,transparent 23%,transparent 83%,#09180f30);
}
body.home .kroa-paisaje-copy { position: relative; z-index: 2; width: min(48%,620px); max-width: none; margin: 0; }
body.home .kroa-paisaje-copy :is(.kroa-kicker,.kh-kicker) { text-align: left; color: #e8cf87; margin: 0 0 1rem; letter-spacing: .16em; }
body.home .kroa-paisaje-copy h2 { text-align: left; font-size: clamp(2.4rem,4.3vw,4.3rem); line-height: 1.1; letter-spacing: -.035em; color: #fff9e9; max-width: 13ch; margin: 0 0 1.3rem; text-shadow: 0 3px 20px #0004; }
body.home .kroa-paisaje-copy h2::after { margin-left: 0; background: #d1bd74; }
body.home .kroa-paisaje-copy :is(.kroa-lead,.kh-lead) { text-align: left; color: #e0e8d7; max-width: 43ch; margin: 0; font-size: clamp(.96rem,1.3vw,1.1rem); line-height: 1.8; }
body.home .kroa-paisaje-bruma { position: absolute; inset: 30% -10% -15%; z-index: 0; pointer-events: none; opacity: .18; filter: blur(16px); background: radial-gradient(ellipse at 70% 60%,#fff4cf,transparent 45%); animation: kroa-paisaje-bruma 18s ease-in-out infinite alternate; }
body.home .kroa-paisaje-cerca { position: absolute; inset: 0; z-index: 1; pointer-events: none; filter: blur(12px); opacity: .45; background: radial-gradient(ellipse at 0% 90%,#061a0f 0%,transparent 27%),radial-gradient(ellipse at 100% 98%,#173c1c,transparent 20%); transform: translate3d(var(--paisaje-cerca-x,0px),var(--paisaje-cerca-y,0px),0); transition: transform .45s; }
@keyframes kroa-paisaje-bruma { from { translate: -3% 2%; } to { translate: 3% -2%; } }
body.home .kroa-paisaje--quieto .kroa-paisaje-bruma { animation-play-state: paused; }
body.home .kroa-destinos-cabina .kroa-destinos { touch-action: pan-x pan-y; }
@media (max-width: 700px) {
 body.home :is(.kroa-section__head,.kh-head).kroa-paisaje-destinos { min-height: 600px; align-items: flex-start; padding: 2.5rem 24px 330px; }
 body.home .kroa-paisaje-copy { width: 100%; }
 body.home .kroa-paisaje-copy h2 { max-width: 16ch; font-size: clamp(2.2rem,8vw,3.1rem); }
 body.home .kroa-paisaje-destinos::before { background-size: auto 350px; background-position: right bottom; }
 body.home .kroa-paisaje-destinos::after { background: linear-gradient(180deg,#0a1b12 32%,#0a1b12b3 49%,transparent 65%),linear-gradient(0deg,#09180f,transparent 16%); }
}
@media (prefers-reduced-motion: reduce) {
 body.home .kroa-paisaje-destinos::before,body.home .kroa-paisaje-cerca { transform: none; transition: none; }
 body.home .kroa-paisaje-bruma { animation: none; }
}

/* V10: rana y avión independientes, sombras de contacto y volumen. */
body.home :is(.kroa-section__head,.kh-head).kroa-paisaje-destinos {
 box-shadow: inset 0 35px 55px -25px #0009,inset 0 -55px 70px -30px #000c,0 24px 55px -35px #000;
}
/* Fondo optimizado: mismo encuadre, AVIF con respaldo WebP y densidades 1x/2x. */
body.home .kroa-paisaje-destinos::before {
 background-image: url('../img/paisaje-fondo-1920-v12.webp');
 background-image: image-set(
  url('../img/paisaje-fondo-1920-v12.avif') 1x type('image/avif'),
  url('../img/paisaje-fondo-1920-v12.webp') 1x type('image/webp'),
  url('../img/paisaje-fondo-2172-v12.avif') 2x type('image/avif'),
  url('../img/paisaje-fondo-2172-v12.webp') 2x type('image/webp')
 );
}
@media (max-width: 700px) {
 body.home .kroa-paisaje-destinos::before {
  background-image: url('../img/paisaje-fondo-1050-v12.webp');
  background-image: image-set(
   url('../img/paisaje-fondo-1050-v12.avif') 1x type('image/avif'),
   url('../img/paisaje-fondo-1050-v12.webp') 1x type('image/webp'),
   url('../img/paisaje-fondo-2100-v12.avif') 2x type('image/avif'),
   url('../img/paisaje-fondo-2100-v12.webp') 2x type('image/webp')
  );
 }
}
body.home .kroa-paisaje-copy { box-sizing: border-box; padding: 1.4rem 1.2rem 1.4rem 1.5rem; border-left: 1px solid #ddc78966; background: radial-gradient(ellipse at 25% 50%,#05180b6b,transparent 75%); }
body.home .kroa-paisaje-copy h2 { text-shadow: 0 3px 2px #0004,0 10px 28px #000b; }
body.home .kroa-paisaje-copy :is(.kroa-lead,.kh-lead) { text-shadow: 0 2px 10px #000b; }
body.home .kroa-paisaje-sujetos { position: absolute; inset: 0; width: auto; max-width: none; z-index: 1; pointer-events: none; perspective: 1000px; }
body.home .kroa-paisaje-sujetos > span { position: absolute; display: block; }
body.home .kroa-paisaje-rana {
 right: 11%; bottom: 4%; width: 34%; height: 77%;
 background: url('../img/rana-700.webp') center / auto 100% no-repeat;
 transform-origin: 50% 95%;
 transform: translate3d(var(--rana-x,0px),var(--rana-y,0px),12px) rotateX(var(--rana-rx,0deg)) rotateY(var(--rana-ry,0deg)) rotateZ(var(--rana-rz,0deg));
 filter: drop-shadow(9px 16px 9px #0008) drop-shadow(-2px -2px 2px #e3bc5530);
 transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
body.home .kroa-paisaje-sombra {
 right: 15%; bottom: 4%; width: 26%; height: 8%; border-radius: 50%;
 background: #03120be0; filter: blur(13px); opacity: .85;
 transform: translateX(var(--rana-x,0px)) scale(var(--sombra-escala,1));
 transition: transform .55s;
}
body.home .kroa-paisaje-aura { right: 9%; bottom: 6%; width: 38%; height: 75%; background: radial-gradient(ellipse at 60% 40%,#e9cf6624,transparent 65%); filter: blur(20px); }
body.home .kroa-paisaje-avion {
 right: 10%; top: 12%; width: clamp(85px,9vw,155px); height: auto;
 transform: translate3d(var(--avion-x,0px),var(--avion-y,0px),0) rotate(var(--avion-rz,-9deg));
 transform-origin: center; filter: drop-shadow(1px 5px 5px #4f553850);
 transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
body.home .kroa-paisaje-avion svg { display: block; width: 100%; height: auto; }
body.home .kroa-paisaje-destellos {
 inset: 0; opacity: .4;
 background: radial-gradient(circle at 60% 74%,#f5d896 0 1px,transparent 3px),radial-gradient(circle at 88% 62%,#f5d896 0 1px,transparent 3px),radial-gradient(circle at 92% 90%,#f5d896 0 2px,transparent 4px),radial-gradient(circle at 74% 90%,#f5d896 0 1px,transparent 3px);
 animation: kroa-paisaje-luz 16s ease-in-out infinite alternate;
}
@keyframes kroa-paisaje-luz { from { translate: 0 8px; opacity: .18; } to { translate: -12px -18px; opacity: .45; } }
body.home .kroa-paisaje--quieto .kroa-paisaje-destellos { animation-play-state: paused; }
@media (max-width: 700px) {
 body.home .kroa-paisaje-copy { padding: .6rem 0 .6rem 1rem; }
 body.home .kroa-paisaje-sujetos { top: auto; height: 350px; bottom: 0; }
 body.home .kroa-paisaje-rana { right: 6%; bottom: 5%; width: 67%; height: 75%; }
 body.home .kroa-paisaje-sombra { right: 12%; bottom: 6%; width: 55%; }
 body.home .kroa-paisaje-avion { right: 10%; top: 9%; width: 86px; }
 body.home .kroa-paisaje-aura { right: 0; width: 80%; }
}
@media (prefers-reduced-motion: reduce) {
 body.home .kroa-paisaje-rana,body.home .kroa-paisaje-avion,body.home .kroa-paisaje-sombra { transform: none; transition: none; }
 body.home .kroa-paisaje-destellos { animation: none; }
}
/* Orden de WooCommerce: texto y opciones legibles también en el menú nativo. */
body .woocommerce-ordering select,
body select.orderby {
 color: #fff !important; -webkit-text-fill-color: #fff !important;
 background-color: #10251a !important; border: 1px solid #728b68;
 color-scheme: dark; min-height: 46px;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
}
body .woocommerce-ordering select :is(option,optgroup),
body select.orderby :is(option,optgroup) {
 color: #fff !important; -webkit-text-fill-color: #fff !important;
 background-color: #10251a !important;
}
body .woocommerce-ordering select option:checked,
body select.orderby option:checked { color: #fff !important; background-color: #294b33 !important; }
body .woocommerce-ordering select:focus-visible { outline: 3px solid #bdde44; outline-offset: 3px; }
@media (forced-colors: active) {
 body .woocommerce-ordering select,body select.orderby,
 body .woocommerce-ordering select :is(option,optgroup),body select.orderby :is(option,optgroup) {
  color: CanvasText !important; -webkit-text-fill-color: CanvasText !important; background-color: Canvas !important;
 }
}

/* V11 — añadidos decorativos: no sustituye el fondo ni los sujetos existentes. */
body.home .kroa-paisaje-extra {
 width: 58px; height: auto; pointer-events: none; transform-origin: center;
 transform: translate3d(var(--aire-x,0px),var(--aire-y,0px),0) rotate(calc(-8deg + var(--aire-giro,0deg)));
 transition: transform .8s cubic-bezier(.2,.7,.2,1); filter: drop-shadow(0 3px 3px #15332244);
}
body.home .kroa-paisaje-extra svg { display: block; width: 100%; height: auto; }
body.home .kroa-paisaje-extra--1 { right: 39%; top: 10%; width: clamp(35px,4vw,64px); opacity: .58; filter: blur(.35px); }
body.home .kroa-paisaje-extra--2 { right: 3%; top: 35%; width: clamp(40px,4.8vw,76px); opacity: .8; transform: translate3d(calc(var(--aire-x,0px) * -.65),calc(var(--aire-y,0px) * .75),0) rotate(calc(7deg - var(--aire-giro,0deg))); }
body.home .kroa-paisaje-extra--3 { right: 30%; top: 28%; width: clamp(28px,3vw,45px); opacity: .42; filter: blur(.55px); transform: translate3d(calc(var(--aire-x,0px) * .45),calc(var(--aire-y,0px) * .4),0) rotate(calc(-12deg + var(--aire-giro,0deg))); }
body.home .kroa-paisaje-naturaleza { inset: 0; pointer-events: none; }
body.home .kroa-paisaje-naturaleza > span { position: absolute; display: block; }
body.home .kroa-paisaje-hojas {
 right: 6%; bottom: -4%; width: 43%; height: auto; transform-origin: 50% 90%;
 transform: translate3d(var(--hojas-x,0px),var(--hojas-y,0px),0) rotateX(var(--hojas-rx,0deg)) rotateZ(var(--hojas-rz,0deg));
 transition: transform .6s cubic-bezier(.2,.7,.2,1); filter: drop-shadow(3px 11px 6px #0009);
}
body.home .kroa-paisaje-hojas svg,body.home .kroa-paisaje-helecho svg { display: block; width: 100%; height: auto; }
body.home .kroa-paisaje-helecho {
 pointer-events: none; height: auto; transform-origin: 50% 100%;
 transform: translate3d(calc(var(--hojas-x,0px) * .6),calc(var(--hojas-y,0px) * .5),0) rotate(calc(-18deg + var(--hojas-rz,0deg)));
 transition: transform .75s cubic-bezier(.2,.7,.2,1);
}
body.home .kroa-paisaje-helecho--fondo { right: 2%; bottom: 8%; width: 11%; opacity: .7; filter: blur(.4px) drop-shadow(4px 6px 6px #0006); }
body.home .kroa-paisaje-helecho--cerca { right: 43%; bottom: -12%; width: 13%; opacity: .75; filter: blur(1.6px) drop-shadow(4px 10px 6px #0008); transform: translate3d(calc(var(--hojas-x,0px) * 1.35),calc(var(--hojas-y,0px) * 1.5),0) rotate(calc(28deg - var(--hojas-rz,0deg))); }
body.home .kroa-paisaje-musgo {
 right: 13%; bottom: 3%; width: 29%; height: 8%; border-radius: 50%; opacity: .8;
 background: radial-gradient(ellipse at 20% 40%,#55733b 0,transparent 38%),radial-gradient(ellipse at 70% 60%,#243f25,transparent 65%);
 filter: blur(3px); transform: translate3d(var(--hojas-x,0px),var(--hojas-y,0px),0); transition: transform .6s;
}
@media (max-width: 700px) {
 body.home .kroa-paisaje-extra--1 { right: 62%; top: 12%; width: 34px; }
 body.home .kroa-paisaje-extra--2 { right: 3%; top: 40%; width: 39px; }
 body.home .kroa-paisaje-extra--3 { right: 37%; top: 24%; width: 26px; }
 body.home .kroa-paisaje-hojas { right: 0; bottom: -1%; width: 78%; }
 body.home .kroa-paisaje-helecho--fondo { right: -3%; width: 20%; bottom: 9%; }
 body.home .kroa-paisaje-helecho--cerca { right: 72%; width: 22%; bottom: -9%; }
 body.home .kroa-paisaje-musgo { right: 12%; bottom: 3%; width: 58%; }
}
@media (prefers-reduced-motion: reduce) {
 body.home .kroa-paisaje-extra,
 body.home .kroa-paisaje-hojas,
 body.home .kroa-paisaje-helecho,
 body.home .kroa-paisaje-musgo { transform: none; transition: none; }
}
