/* Cultusfera · portada (generado a partir de la maqueta) */
*{box-sizing:border-box}
a{color:#1E1E1E;text-decoration:none}
a:hover{color:var(--anchor-text)}
.cf{font-family:var(--sans);color:#1E1E1E;background:#FFFFFF}
.wrap{max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}
.iconbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#1E1E1E;cursor:pointer;border-radius:50%}
.iconbtn:hover{background:#F2F0EC}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2F5BEA;outline-offset:3px}
.logo{height:42px;width:auto;display:block}
.nav{display:flex;align-items:center;justify-content:center;gap:40px}
.navlink{font-size:15px;font-weight:500;padding:16px 0;white-space:nowrap}
.hero{height:660px}
.hero-title{font-size:54px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px}
.imp{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}
.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.foot{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px}
.sec-title{font-size:48px}
.band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ph-label{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#FFFFFF;color:#1E1E1E;padding:5px 8px}
.foot a{color:var(--brand-ink)}
.foot a:hover{color:var(--brand-ink);text-decoration:underline}
.slide-ind{background:transparent;border:0;color:#FFFFFF;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:64px;min-height:44px;padding:8px 0}
.round{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:transparent;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.round:hover{background:rgba(255,255,255,.14)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn-dark{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:#1E1E1E;color:#FFFFFF;border:1px solid #1E1E1E;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.btn-dark:hover{background:#000000;color:#FFFFFF}
.btn-line{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:transparent;color:#1E1E1E;border:1px solid #1E1E1E;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.btn-line:hover{background:#1E1E1E;color:#FFFFFF}
.navlink{position:relative;transition:color .2s}
.navlink::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navlink:hover::after,.navlink.on::after{transform:scaleX(1)}
.c-historia:hover,.c-historia.on{color:#8F7106}
.c-arte:hover,.c-arte.on{color:#0E817D}
.c-literatura:hover,.c-literatura.on{color:#2F5BEA}
.c-cine:hover,.c-cine.on{color:#7B4DFF}
.c-musica:hover,.c-musica.on{color:#2F8349}
.c-teatro:hover,.c-teatro.on{color:#C2186F}
.mlink{display:block;padding:14px 0;border-bottom:1px solid #E4E2DD;font-size:16px;font-weight:500;transition:color .2s}
.soc{min-width:36px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#4A4743;transition:color .2s}
.soc:hover{color:#1E1E1E}
.foot .soc{color:var(--brand-ink)}
.foot .soc:hover{color:var(--brand-ink);opacity:.65;text-decoration:none}
@media (max-width:1024px){.sticky-nav{display:none}}
.hdr-compact{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding-top:26px;padding-bottom:26px}
@media (max-width:680px){.hdr-compact{gap:10px;padding-top:16px;padding-bottom:16px}}
.nl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.nl-media{height:400px}
.nl-title{font-size:34px}
@media (max-width:860px){.nl-grid{grid-template-columns:minmax(0,1fr);gap:32px}.nl-media{height:260px}.nl-title{font-size:28px !important}}
.nl-grid.is-full{min-height:400px}
.nl-grid.is-full{grid-template-columns:minmax(0,1fr)}
.nl-grid.is-full > div:last-child{grid-column:auto;position:relative;z-index:1;margin-left:calc(50% + clamp(48px, 7vw, 112px));max-width:500px}
@media (max-width:860px){.nl-grid.is-full{min-height:0}.nl-grid.is-full > div:last-child{grid-column:auto;margin-left:0;max-width:none}}
@media (max-width:860px){.nl-full{position:relative !important;width:auto !important;height:280px !important;margin:-88px -40px 0}}
@media (max-width:680px){.nl-full{margin:-88px -16px 0}}
@media (max-width:1024px){
.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.g6{grid-template-columns:repeat(3,minmax(0,1fr))}
.imp{grid-template-columns:minmax(0,1fr)}
.foot{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav{gap:28px}
}
@media (max-width:680px){
.wrap{padding-left:16px;padding-right:16px}
.logo{height:30px}
.nav{justify-content:flex-start;overflow-x:auto;gap:24px}
.hero{height:560px}
.hero-title{font-size:30px}
.g3{grid-template-columns:minmax(0,1fr);gap:48px}
.g6{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot{grid-template-columns:minmax(0,1fr)}
.band{grid-template-columns:minmax(0,1fr)}
.sec-title{font-size:34px}
.topdate{display:none}
.hide-sm{display:none}
}
.sf-merriweather{--serif:'Merriweather',Georgia,serif}
.sf-noto{--serif:'Noto Serif',Georgia,serif}
.sf-newsreader{--serif:'Newsreader',Georgia,serif}
.sf-dmserif{--serif:'DM Serif Display',Georgia,serif}
.sf-gloock{--serif:'Gloock',Georgia,serif}
.sf-baskerville{--serif:'Libre Baskerville',Georgia,serif}
.sf-hedvig{--serif:'Hedvig Letters Serif',Georgia,serif}
.serif{font-family:var(--serif,'Merriweather',Georgia,serif)}
.card,.card:hover{color:#1E1E1E}
.hv-subrayado .card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hv-color .card h3{transition:color .2s}
.hv-color .card:hover h3{color:var(--anchor-text)}
.more-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;padding:8px 0;color:#1E1E1E}
.more-link:hover{color:#1E1E1E}
.more-link .ml-arrow{transition:transform .2s ease}
.more-link:hover .ml-arrow{transform:translateX(4px)}
.hv-subrayado .more-link:hover .ml-txt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hv-color .more-link{transition:color .2s}
.hv-color .more-link:hover{color:var(--anchor-text)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.72) 100%)}
.kb .hero-img{transform:scale(1.09);transition:transform 9s cubic-bezier(.25,.1,.25,1)}
.kb.on .hero-img{transform:scale(1)}
@keyframes heroInA{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroInB{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ht-a{animation:heroInA .9s ease .35s both}
.ht-b{animation:heroInB .9s ease .35s both}
.hero-title.t-peq{font-size:42px}
@media (max-width:680px){.hero-title.t-peq{font-size:26px}}
@media (prefers-reduced-motion:reduce){.kb .hero-img{transform:none!important;transition:none}.ht-a,.ht-b{animation:none}}
.hero-more{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-size:15px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #FFFFFF;padding:10px 0 6px}
.hero-more:hover{color:#FFFFFF}
.hero-more .hm-chev{display:none}
.h-lm-min .hero-more{border-bottom:0;gap:6px;padding:10px 0}
.h-lm-min .hero-more .hm-arrow{display:none}
.h-lm-min .hero-more .hm-chev{display:block;transition:transform .2s ease}
.h-lm-min .hero-more:hover .hm-chev{transform:translateX(3px)}
.h-lm-min .hero-more:hover{opacity:.85}
.h-num-noline .slide-ind > span:last-child,.h-num-circle .slide-ind > span:last-child{display:none!important}
.h-num-noline .slide-ind{min-width:30px;padding:8px 0}
.h-num-noline .slide-ind > span:first-child{font-size:15px!important;color:rgba(255,255,255,.5);transition:color .3s}
.h-num-noline .slide-ind[aria-current="true"] > span:first-child{color:transparent;background:linear-gradient(90deg,#FFFFFF 50%,rgba(255,255,255,.5) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:numFill var(--hero-auto,7s) linear forwards}
@keyframes numFill{to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.h-num-noline .slide-ind[aria-current="true"] > span:first-child{animation:none;background:none;color:#FFFFFF}}
.h-num-circle .slide-ind{min-width:0;padding:2px 0}
.h-num-circle .slide-ind > span:first-child{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s}
.h-num-circle .slide-ind[aria-current="true"] > span:first-child{background:#FFFFFF;color:#1E1E1E}
.h-arr-plain .round{border-color:transparent}
.h-contained{background:#FFFFFF!important}
.h-contained .hero-layer{left:max(40px,calc((100% - 1200px) / 2))!important;right:max(40px,calc((100% - 1200px) / 2))!important}
.h-contained .hero-wrap{padding-left:max(88px,calc((100% - 1200px) / 2 + 48px));padding-right:max(88px,calc((100% - 1200px) / 2 + 48px));max-width:none}
@media (max-width:680px){.h-contained .hero-layer{left:16px!important;right:16px!important}.h-contained .hero-wrap{padding-left:36px;padding-right:36px}}
.sec-title.s-peq{font-size:34px}
@media (max-width:680px){.sec-title.s-peq{font-size:28px}}
.iso-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.iso-anim svg{width:240px;height:240px;display:block;overflow:visible;color:currentColor}
.iso-rot,.iso-hole{transform-box:view-box;transform-origin:50% 50%}
@keyframes isoSpin{0%{transform:rotate(0)}12%{transform:rotate(0)}88%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
.ia-giro .iso-rot{animation:isoSpin var(--iso-t,9s) cubic-bezier(.65,0,.35,1) infinite}
@keyframes isoPhase{0%{transform:rotate(0)}10%{transform:rotate(0)}45%{transform:rotate(180deg)}55%{transform:rotate(180deg)}90%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
.ia-vivo .iso-hole{animation:isoPhase var(--iso-t,9s) cubic-bezier(.65,0,.35,1) infinite}
@media (max-width:900px){.iso-anim svg{width:160px;height:160px}}
@media (prefers-reduced-motion:reduce){.ia-giro .iso-rot,.ia-vivo .iso-hole{animation:none}}
.b-contained{background:#FFFFFF!important}
.b-contained .band{background:var(--band);max-width:1200px;padding-left:56px!important;padding-right:56px!important;margin:0 auto}
@media (max-width:1280px){.b-contained .band{margin:0 40px}}
@media (max-width:680px){.b-contained .band{margin:0 16px;padding-left:24px!important;padding-right:24px!important}}
.side-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center}
.hv-subrayado .side-item:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.with-rank{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:56px;align-items:start}
.with-rank .imp{grid-template-columns:minmax(0,1fr)}
.with-rank.has-extra{grid-template-areas:"head rank" "big rank" "side extra";row-gap:40px}
.has-extra .imp-left,.has-extra .imp{display:contents}
.has-extra .imp-left>div:first-child{grid-area:head;margin-bottom:4px!important}
.has-extra .imp>article{grid-area:big}
.has-extra .imp-side{grid-area:side}
.has-extra .imp-rank{grid-area:rank;align-self:start}
.imp-extra{grid-area:extra;align-self:stretch;display:flex;flex-direction:column;min-width:0}
.imp-extra>article{flex:0 0 auto}
.ex-foto,.ex-color{position:relative;flex:1 1 auto;min-height:380px;margin:0;overflow:hidden}
.ex-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.ex-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,12,10,.82) 0%,rgba(14,12,10,.45) 38%,rgba(14,12,10,0) 62%)}
.ex-cap{position:absolute;left:28px;right:28px;bottom:28px;display:flex;flex-direction:column;gap:12px;color:#FFFFFF}
.ex-cap-top{top:28px;bottom:auto;color:var(--ex-ink)}
.ex-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ex-q{font-size:28px;line-height:1.2;font-weight:300}
.ex-q-long{font-size:23px;line-height:1.25}
.ex-a{font-size:13px;line-height:1.4;opacity:.85}
.ex-color{background:var(--ex-bg)}
.ex-geo{position:absolute;inset:0;width:100%;height:100%}
.ex-color.is-comp{display:flex;flex-direction:column}
.ex-color.is-comp .ex-cap-top{position:relative;top:auto;left:auto;right:auto;padding:28px 28px 20px;flex:0 0 auto}
.ex-comp-wrap{position:relative;flex:1 1 auto;min-height:0}
.ex-color.is-comp .ex-geo{position:absolute;inset:0;overflow:visible}
@media (max-width:1024px){.with-rank.has-extra{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "big" "side" "rank" "extra"}.ex-foto,.ex-color{min-height:440px}}
.rank-h{display:flex;align-items:flex-end;min-height:37px;padding-bottom:20px;border-bottom:1px solid #1E1E1E;margin-bottom:32px;box-sizing:content-box}
@media (max-width:1024px){.imp-rank .rank-h{min-height:0}}
.with-rank .imp-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px!important}
@media (max-width:1024px){.with-rank{grid-template-columns:minmax(0,1fr);gap:56px}.imp-rank{padding-top:8px}}
@media (max-width:680px){.with-rank .imp-side{grid-template-columns:minmax(0,1fr)}.side-item{grid-template-columns:112px minmax(0,1fr)}}
.ct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ct-item{position:relative;color:#1E1E1E;--ch:#FFFFFF}
.ct-name{font-size:28px;font-weight:300;line-height:1.15}
.ct-desc{display:block;font-size:14px;line-height:1.5;color:#55524D;margin-top:6px}
.ct-iso,.ct-dot,.ct-chev{flex:0 0 auto}
.ct-lista{column-gap:48px}
.ct-lista .ct-item{display:flex;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid #E4E2DD}
.ct-lista .ct-iso{display:none}
.ct-lista .ct-dot{width:12px;height:12px;border-radius:50%;background:var(--cv)}
.ct-lista .ct-txt{flex:1}
.ct-lista .ct-chev{opacity:.5;transition:transform .2s,opacity .2s}
.ct-lista .ct-item:hover .ct-chev{transform:translateX(4px);opacity:1}
.hv-subrayado .ct-item:hover .ct-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.ct-color{gap:16px}
.ct-color .ct-item{display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:24px 26px;background:var(--cs);overflow:hidden}
.ct-color .ct-iso{position:absolute;right:-34px;top:-34px;width:150px;height:150px;--ch:var(--cs);transition:transform .5s ease}
.ct-color .ct-item:hover .ct-iso{transform:rotate(-20deg)}
.ct-color .ct-dot{display:none}
.ct-color .ct-chev{position:absolute;right:22px;bottom:26px}
.ct-iconos{gap:40px 24px}
.ct-iconos .ct-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:8px 0}
.ct-iconos .ct-iso{width:72px;height:72px}
.ct-iconos .ct-dot,.ct-iconos .ct-chev{display:none}
@media (max-width:900px){.ct{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ct-lista{grid-template-columns:minmax(0,1fr)}.ct-name{font-size:24px}}
.ct-circ,.ct-aro{display:flex!important;flex-wrap:wrap;justify-content:center;gap:28px}
.ct-circ .ct-item,.ct-aro .ct-item{width:176px;height:176px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;transition:background-color .3s ease,color .3s ease,transform .3s ease}
.ct-circ .ct-item{background:var(--cs)}
.ct-circ .ct-item:hover{background:var(--cv);transform:scale(1.03)}
.ct-aro .ct-item{background:transparent;box-shadow:inset 0 0 0 1.5px var(--cv)}
.ct-aro .ct-item:hover{background:var(--cs)}
.ct-circ .ct-iso,.ct-circ .ct-dot,.ct-circ .ct-chev,.ct-aro .ct-iso,.ct-aro .ct-dot,.ct-aro .ct-chev{display:none}
.ct-circ .ct-name,.ct-aro .ct-name{font-size:24px}
.ct-circ .ct-desc,.ct-aro .ct-desc{font-size:12px}
@media (max-width:900px){.ct-circ .ct-item,.ct-aro .ct-item{width:148px;height:148px}.ct-circ .ct-name,.ct-aro .ct-name{font-size:21px}}
@media (max-width:560px){.ct-circ,.ct-aro{gap:16px}.ct-circ .ct-item,.ct-aro .ct-item{width:132px;height:132px}}
.ct-tarj{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ct-tarj .ct-item{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#4A4743}
.ct-tarj .ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .6s ease,filter .6s ease}
.ct-tarj .ct-shade{position:absolute;inset:0;background:rgba(20,20,20,.38);transition:background-color .4s ease}
.ct-tarj .ct-item:hover .ct-img{transform:scale(1.05);filter:grayscale(0)}
.ct-tarj .ct-item:hover .ct-shade{background:rgba(20,20,20,.25)}
.ct-tarj .ct-txt{position:relative;z-index:1;color:var(--ct-ink,#FFFFFF)}
.ct-tarj .ct-name{font-size:30px}
.ct-tarj .ct-desc{color:inherit;opacity:.85}
.ct-tarj .ct-iso,.ct-tarj .ct-dot,.ct-tarj .ct-chev{display:none}
.ct-tarj .ct-name{transition:color .25s ease}
.ct-tarj.hv-cat .ct-item:hover .ct-name{color:var(--cv);text-decoration:none}
.ct-tarj.hv-cat .ct-item:hover .ct-shade{background:rgba(20,20,20,.5)}
.ct-tarj.hv-clara .ct-item:hover .ct-name{color:var(--cl)}
.ct-tarj.hv-suave .ct-item:hover .ct-name{color:var(--cs)}
.ct-tarj.hv-sub-color .ct-item:hover .ct-name{text-decoration:underline;text-decoration-color:var(--cv);text-decoration-thickness:2px;text-underline-offset:6px}
.ct-tarj.hv-sub-color .ct-item:hover .ct-shade{background:rgba(20,20,20,.5)}
.ct-tarj .ct-item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cv);z-index:1}
@media (max-width:900px){.ct-tarj{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ct-tarj .ct-name{font-size:24px}}
@media (max-width:680px){.nl-row input{flex-basis:100%!important}.nl-row button{margin-left:auto;margin-right:auto}}