/* Gent Valenta · evolución editorial, octubre de 2026. */
[hidden]{display:none!important}
:root{--gv-line:#d5e2db;--gv-cream:#f8f5ed;--gv-deep:#063d4d;--gv-soft:#526b70}
html{scroll-padding-top:120px}
:focus-visible{outline:3px solid #228193;outline-offset:5px}
.hero-cover{min-height:0;padding-top:175px;padding-bottom:74px;background-position:center 48%;background-attachment:scroll}
.hero-overlay{background:linear-gradient(90deg,rgba(3,32,41,.96),rgba(3,32,41,.82) 48%,rgba(3,32,41,.42)),linear-gradient(0deg,rgba(3,32,41,.25),transparent 60%)}
.hero-cover .hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,6vw,100px);min-height:0}
.hero-copy{min-width:0}
.hero .eyebrow{font-size:.65rem;letter-spacing:.17em;line-height:1.7;color:#b8ddd4;max-width:55ch;margin-bottom:21px}
.hero h1{font-size:clamp(2.8rem,4.5vw,4.35rem);line-height:1.04;letter-spacing:-.04em;max-width:16ch;margin:0 0 22px;text-wrap:balance}
.hero h1 em{color:#a7dbce}
.hero .lead{font-size:1rem;line-height:1.8;max-width:55ch!important;color:#e1e9e5;text-shadow:none;margin:0 0 25px}
.hero-cta{gap:12px;flex-wrap:wrap}
.hero .btn-lg{min-height:50px;padding:12px 21px;font-size:.87rem;border-radius:10px}
.hero .btn-wa{background:#d7e9c3;color:#133c34;box-shadow:none}
.hero .btn-wa:hover{background:#edf6df;transform:translateY(-2px)}
.hero .btn-ghost{background:#ffffff06;border-color:#ffffff55;color:#fff}
.hero-badges{gap:10px 20px;margin-top:24px}
.hero-badges li{font-size:.72rem;padding-left:14px;line-height:1.6;color:#c2d8d3}
.hero-badges li::before{width:5px;height:5px;top:7px;background:#b5d9c8}
.hero-aside{position:static!important;width:auto!important;max-width:none;margin:0;min-width:0}
.hero-collage{display:grid;position:relative;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:9px;height:224px;margin:0 0 15px;isolation:isolate}
.hero-collage .hc{position:relative!important;inset:auto!important;transform:none!important;width:auto;aspect-ratio:auto;padding:0;border:1px solid #ffffff32;border-radius:12px;overflow:hidden;box-shadow:none;background:var(--gv-deep);z-index:auto}
.hero-collage .hc-1{grid-row:span 2}
.hero-collage .hc picture,.hero-collage .hc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.hero-next{padding:15px;border-radius:15px;background:rgba(3,37,48,.83);border-color:#ffffff28;backdrop-filter:blur(10px);box-shadow:0 20px 50px #00182233}
.hero-next-h{font-size:.61rem;letter-spacing:.15em;color:#badbd1;margin:0 5px 10px}
.hero-live{width:6px;height:6px;background:#b9dca6;animation:none;box-shadow:none}
.hero-next a{padding:9px 5px;gap:11px;font-size:.79rem;min-height:58px}
.hero-next-th{width:38px;height:41px;border-radius:8px}
.hero-next-th.is-type{background:#216675}
.hero-next-t{white-space:normal;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hero-next-s{padding:4px 7px;font-size:.6rem;max-width:105px;white-space:normal;text-align:center;background:#ffffff14}
.hero-next-s.is-hot{background:#e9dab2;color:#4b3615}
.hero-next .hero-next-all{margin-top:5px;min-height:42px;font-size:.73rem!important;color:#c3e0d7!important}
.hero-wave{display:none}
.discover-nav{display:grid;grid-template-columns:.8fr repeat(3,1fr);align-items:center;gap:0;padding-block:29px;background:var(--paper,#f7f0e4)}
.discover-intro{font-size:.85rem;line-height:1.6;color:var(--gv-soft)}
.discover-intro strong{font-family:var(--font-display);font-size:1.5rem;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:var(--gv-deep)}
.discover-nav>a{display:flex;align-items:center;gap:13px;min-height:68px;padding:6px 20px;color:var(--gv-deep);text-decoration:none;border-left:1px solid #063d4d20;font-size:.84rem;font-weight:800}
.discover-nav>a>svg{width:23px;height:23px;flex:none;color:#228193}
.discover-nav small{display:block;margin-top:5px;font-size:.68rem;color:var(--gv-soft);font-weight:500}
.discover-nav b{margin-left:auto;font-size:1.1rem;font-weight:400;color:#228193}
.discover-nav>a:hover{background:#e9ede2;border-radius:10px}
.section{padding-block:clamp(55px,6vw,94px)}
.section h2{letter-spacing:-.035em;font-size:clamp(2rem,3.8vw,3.05rem);line-height:1.12}
.section .section-intro{font-size:1rem;line-height:1.8;max-width:63ch}
.home-upcoming{background:#edf2eb;border-top:1px solid #dce6db}
.home-upcoming>.container>.divider-wave{display:none}
.sx-block{margin-top:32px}
.sx-head{margin-bottom:19px}
.sx-h{font-size:1.4rem;letter-spacing:-.025em}
.sx-sub{font-size:.8rem}
.sx-count{background:#dce8dc;color:#375d48;font-size:.72rem;min-width:26px;height:26px}
.sx-card{border:1px solid #d5e1d6;border-radius:17px;box-shadow:0 4px 15px #063d4d04;transition:transform .25s,box-shadow .25s}
.sx-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px #063d4d12}
.sx-card--feat,.sx-card--next{box-shadow:none;border-color:#87aba0}
.sx-body{padding:18px;gap:7px}
.sx-title{font-size:1.18rem;line-height:1.28;font-weight:550;letter-spacing:-.02em;-webkit-line-clamp:3}
.sx-type{font-size:.59rem;letter-spacing:.12em;color:#41675d}
.sx-when{font-size:.78rem;color:#5c706b}
.sx-status{font-size:.73rem;margin-top:auto;padding-top:7px}
.sx-media--type{background:linear-gradient(140deg,#124859,#2a797c)}
.sx-type-word{font-size:1.7rem;max-width:13ch;letter-spacing:-.03em}
.sx-go{padding:11px 16px;font-size:.78rem;border-radius:9px;background:#176878;margin-top:12px}
.sx-block--done{border-color:#d5e1d6;background:#f8faf5;padding:24px}
.sx-card--done{border-radius:12px}
.sx-card--done .sx-body{padding:12px;gap:5px}
.sx-card--done .sx-title{font-size:1rem;line-height:1.3}
.plan-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#ffffffb8;border:1px solid #d6e2d7;border-radius:13px;padding:16px 18px;margin:0 0 22px}
.plan-tools label{display:grid;gap:6px;flex:1 1 150px;min-width:0}
.plan-tools .plan-search{flex:2 1 250px}
.plan-tools label>span{font-size:.65rem;font-weight:800;color:#4d6861;letter-spacing:.025em}
.plan-tools input,.plan-tools select{width:100%;min-height:45px;border:1px solid #c4d6cc;border-radius:8px;background:#fff;color:#163f49;font:inherit;font-size:.85rem;padding:10px 13px}
.plan-results{font-size:.72rem;color:#4d6861;margin:0;padding:13px 0;min-width:80px}
.plan-directory{margin-top:25px}
.sx-directory-grid{justify-content:flex-start}
.sx-directory-grid>.sx-card{flex-basis:calc((100% - 2 * var(--g)) / 3)}
.sx-directory-grid .sx-card--done .sx-title{font-size:1.18rem}
.sx-directory-grid .sx-card--done .sx-body{padding:18px}
.plan-empty{padding:25px;text-align:center;border:1px dashed #9eb7a9;border-radius:12px;font-size:.9rem;color:#3f5d52}
.is-filtered .sx-grid{display:flex;flex-wrap:wrap;justify-content:flex-start}
.is-filtered .sx-card{flex:0 0 calc((100% - 2 * var(--g)) / 3)}
.is-filtered .sx-card--feat .sx-link{display:flex}
.is-filtered .sx-card--feat .sx-media{min-height:0;aspect-ratio:4/3}
.is-filtered .sx-card--feat .sx-body{padding:18px}
.is-filtered .sx-card--feat .sx-title{font-size:1.18rem}
.is-filtered .sx-card--feat .sx-exc{display:none}
.experience-card{border:1px solid #063d4d16;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #063d4d04;transition:transform .25s,box-shadow .25s}
.experience-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #063d4d12}
.experience-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.experience-card>a:focus-visible{outline-offset:-4px}
.experience-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e0ebe2}
.experience-media img,.experience-media picture{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.experience-card:hover img{transform:scale(1.04)}
.experience-arrow{position:absolute;bottom:13px;right:13px;background:#f8f5ed;color:#15434a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.experience-body{padding:23px;display:flex;flex:1;flex-direction:column;gap:12px}
.experience-body h3{font-size:1.35rem;line-height:1.2;margin:0;letter-spacing:-.025em;color:#063d4d}
.experience-body p{font-size:.86rem;line-height:1.75;margin:0;color:#526b70}
.experience-cta{font-size:.76rem;font-weight:800;color:#176878;margin-top:auto;padding-top:8px}
.page-hero{background-color:#063d4d}
.page-hero h1{letter-spacing:-.035em;line-height:1.08}
.post-body{font-size:1.03rem;line-height:1.85}
.facts-card,.toc,.form-card,.faq-item{border-radius:16px}
.upcoming-grid{align-items:start;gap:25px}
.upcoming-card{border-radius:18px;box-shadow:0 4px 18px #063d4d08}
.upcoming-card .card-body{padding:25px}
.upcoming-card .blog-card-title{line-height:1.22;letter-spacing:-.025em}
.section .btn{border-radius:10px}
@media(min-width:1100px){.sx-card--feat .sx-body{padding:27px;gap:9px}.sx-card--feat .sx-title{font-size:1.85rem}.sx-grid--bento>.sx-card--feat .sx-media{aspect-ratio:16/10}.sx-block--done .sx-grid{--g:16px}.sx-block--done .sx-card{flex-basis:calc((100% - 3 * var(--g)) / 4)}}
@media(min-width:768px) and (max-width:1099px){.hero-cover .hero-inner{grid-template-columns:1.2fr .8fr;gap:30px}.hero h1{font-size:3.1rem}.hero .lead{font-size:.94rem}.hero-collage{height:190px}.hero-next-th{display:none}.hero-next a{gap:7px;font-size:.72rem}.hero-next-s{font-size:.55rem;max-width:80px}.discover-nav{grid-template-columns:repeat(3,1fr)}.discover-intro{display:none}.discover-nav>a:first-of-type{border-left:0;padding-left:0}}
@media(min-width:768px) and (max-width:1099px){
 .site-header .nav-wrap{gap:20px;min-height:94px}.site-header .brand-logo{height:64px;width:auto}
 .site-header .main-nav>ul{gap:13px}.site-header .main-nav>ul>li>a{white-space:nowrap;font-size:.76rem}
 .site-header .main-nav .nav-cta a{min-height:44px;padding:10px 15px}.site-header .nav-cta svg{display:none}
}
@media(max-width:767px){
 .sx-directory-grid>.sx-card{flex-basis:calc((100% - var(--g)) / 2)}
 .sx-directory-grid .sx-card--done .sx-title{font-size:1.06rem}
 .sx-directory-grid .sx-card--done .sx-body{padding:13px}
 html{scroll-padding-top:90px}.hero-cover{padding:124px 0 38px}.hero-cover .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero h1{font-size:clamp(2.65rem,9vw,3.7rem);line-height:1.06;max-width:17ch;margin-bottom:20px}.hero .eyebrow{font-size:.57rem;letter-spacing:.13em;margin-bottom:18px}.hero .lead{font-size:.91rem;line-height:1.8}.hero .btn-lg{font-size:.77rem;padding:12px 15px;flex:1;min-width:130px}.hero-badges{margin-top:19px;gap:8px 17px}.hero-badges li{font-size:.66rem}.hero-overlay{background:linear-gradient(90deg,#03242dee,#03242dce)}
 .hero-aside{max-width:none}.hero-collage{display:none}.hero-next{padding:15px}.hero-next a{font-size:.81rem;min-height:55px}.hero-next-s{font-size:.62rem;max-width:115px}.hero-next .hero-next-all{font-size:.75rem!important}
 .discover-nav{grid-template-columns:1fr;padding-block:17px;gap:0}.discover-intro{display:none}.discover-nav>a{border-left:0;border-bottom:1px solid #063d4d16;padding:13px 4px;min-height:64px;font-size:.82rem}.discover-nav>a:last-child{border-bottom:0}.discover-nav small{font-size:.68rem;margin-top:3px}.discover-nav>a>svg{width:21px;height:21px}
 .section{padding-block:48px}.section .section-intro{font-size:.93rem;line-height:1.75}.section h2{font-size:2rem}.sx-block{margin-top:26px}.sx-head{gap:8px;margin-bottom:17px}.sx-h{font-size:1.3rem}.sx-sub{font-size:.76rem}.sx-body{padding:13px;gap:6px}.sx-title{font-size:1.06rem}.sx-type{font-size:.54rem}.sx-when{font-size:.71rem}.sx-status{font-size:.68rem}.sx-block--done{padding:18px 12px;margin-top:30px}.sx-card--done .sx-title{font-size:.92rem}.sx-card--done .sx-type{font-size:.51rem}.sx-card--feat .sx-title{font-size:1.6rem}.sx-card--feat .sx-body{padding:20px}.sx-exc{font-size:.85rem}
 .plan-tools{padding:13px;gap:10px;margin-bottom:17px}.plan-tools .plan-search{flex-basis:100%}.plan-tools input,.plan-tools select{font-size:16px}.plan-tools label>span{font-size:.64rem}.plan-results{padding:0;font-size:.68rem;min-width:0}.plan-tools label:has(select){flex:1 1 130px}.plan-tools .plan-results{flex:1 0 100%}.is-filtered .sx-card{flex-basis:calc((100% - var(--g)) / 2)}.is-filtered .sx-card--feat .sx-body{padding:13px}.is-filtered .sx-card--feat .sx-title{font-size:1.06rem}
 .experience-body{padding:19px;gap:10px}.experience-body h3{font-size:1.3rem}.experience-body p{font-size:.86rem}.experience-media{aspect-ratio:16/10}.upcoming-card .card-body{padding:20px}.post-body{font-size:.97rem;line-height:1.85}
}
@media(max-width:359px){.hero h1{font-size:2.45rem}.hero .btn-lg{flex-basis:100%}.hero-next-th{width:30px}.hero-next a{font-size:.72rem}.hero-next-s{font-size:.56rem;max-width:89px}.sx-title{font-size:.96rem}.sx-body{padding:10px}.is-filtered .sx-card{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── Hero con diapositivas (temporada, Formentera, Europa…) ──
   Todas apiladas en la misma celda: el alto lo marca la mas larga y el cambio
   no mueve nada de lo de abajo (CLS 0). Sin JS solo se ve la primera. */
.hero-bgs{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-bg{position:absolute;inset:0;background:#06323d center/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 7s ease-out}
.hero-bg.is-active{opacity:1;transform:scale(1)}
.hero-slides{display:grid}
.hero-slide{grid-area:1/1;align-self:end;min-width:0;transition:opacity .6s ease,transform .6s ease}
.hero-slide:not(.is-active){opacity:0;visibility:hidden;transform:translateY(10px)}
.hero .hero-h{font-size:clamp(2.8rem,4.5vw,4.35rem);line-height:1.04;letter-spacing:-.04em;max-width:16ch;margin:0 0 22px;text-wrap:balance;color:#fff;font-weight:600}
.hero .hero-h em{color:#a7dbce}
.hero-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px}
.hero-tab{position:relative;overflow:hidden;min-height:40px;padding:8px 14px 10px;border:1px solid #ffffff3a;border-radius:999px;background:#ffffff0d;color:#dcebe6;font:600 .74rem/1.2 inherit;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.hero-tab:hover{background:#ffffff1f;color:#fff}
.hero-tab.is-active{background:#d7e9c3;border-color:#d7e9c3;color:#133c34}
.hero-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:#133c34;opacity:.45}
.hero-copy.is-playing .hero-tab.is-active i{animation:heroTab var(--hero-dur,5.5s) linear forwards}
.hero-copy.is-paused .hero-tab.is-active i{animation-play-state:paused}
@keyframes heroTab{to{width:100%}}
.hero-pause{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff3a;border-radius:50%;background:transparent;color:#dcebe6;cursor:pointer}
.hero-pause:hover{background:#ffffff1f;color:#fff}
.hero-pause .i-play{display:none}
.hero-copy.is-stopped .hero-pause .i-play{display:block}
.hero-copy.is-stopped .hero-pause .i-pause{display:none}
.hero-tab:focus-visible,.hero-pause:focus-visible{outline:2px solid #d7e9c3;outline-offset:3px}
.hero-tabs+.hero-badges{margin-top:18px}
@media(min-width:768px) and (max-width:1099px){.hero .hero-h{font-size:3.1rem}}
@media(max-width:767px){
 .hero .hero-h{font-size:clamp(2.3rem,8.4vw,3.3rem);line-height:1.06;max-width:17ch;margin-bottom:20px}
 .hero-tabs{flex-wrap:nowrap;gap:6px;margin:20px -16px 0;padding:2px 16px 4px;overflow-x:auto;scrollbar-width:none}
 .hero-tabs::-webkit-scrollbar{display:none}
 .hero-tab,.hero-pause{flex:none}
 .hero-tab{padding:8px 11px 10px;font-size:.7rem;min-height:44px}
 .hero-pause{width:44px;height:44px}
}
@media(max-width:359px){.hero .hero-h{font-size:2.15rem}.hero-tab{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-slide{transition:none}.hero-bg{transform:none}}