/*
Theme Name: Diapositiva
Description: Tema editorial de viajes, ocio y naturaleza: cada entrada es una diapositiva sobre una mesa de luz.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.1
Author: Redacción ISFAF
License: Proprietary
Text Domain: diapositiva-if
Update URI: false
*/

@font-face{font-family:"Bagel";src:url(fonts/bagel-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fustat";src:url(fonts/fustat-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fustat";src:url(fonts/fustat-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Fustat";src:url(fonts/fustat-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Fustat";src:url(fonts/fustat-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{--ink:#12141A;--mesa:#E6EBF1;--soft:#3B414E;--line:#B9C2CF;--yel:#FFC21A}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(ellipse 70% 38% at 50% 0,#fff 0,rgba(230,235,241,0) 100%),var(--mesa);background-repeat:no-repeat;color:var(--ink);font:500 17px/1.6 "Fustat",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.dpo-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:99;border-radius:6px}
.dpo-skip:focus{left:8px}
.dpo-w{max-width:1360px;margin:0 auto;padding:0 40px}
.dpo-h,.dpo-h1,.dpo-h2{font-family:"Bagel",sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.02;margin:0}

/* tonos de montura */
.dpo-t-tu{--m:#E5432D;--t:#12141A}.dpo-t-oc{--m:#2F55F5;--t:#fff}.dpo-t-na{--m:#FFC21A;--t:#12141A}.dpo-t-no{--m:#2A2D36;--t:#fff}.dpo-t-te{--m:#D6247A;--t:#fff}.dpo-t-ho{--m:#0FA3B1;--t:#12141A}

/* cabecera */
.dpo-hd-in{max-width:1360px;margin:0 auto;padding:26px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px}
.dpo-logo{display:flex;align-items:center;gap:12px}
.dpo-wm{font:400 38px/1 "Bagel",sans-serif;letter-spacing:-.01em}
.dpo-nav{display:flex;flex-wrap:wrap;gap:8px}
.dpo-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;min-height:44px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-weight:800;font-size:14px}
.dpo-nav a::before{content:"";width:11px;height:11px;border-radius:2px;background:var(--m,var(--ink));display:inline-block}
.dpo-nav a[aria-current]{background:var(--m,var(--ink));color:var(--t,#fff)}
.dpo-nav a[aria-current]::before{background:var(--t,#fff)}
.dpo-bar{display:flex;align-items:center;gap:16px;font-weight:700;font-size:14px}
.dpo-bar>a{padding:10px 0}
.dpo-bar>a[aria-current]{border-bottom:3px solid #E5432D}
.dpo-q{position:relative}
.dpo-q summary,.dpo-mn summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.dpo-q summary::-webkit-details-marker,.dpo-mn summary::-webkit-details-marker{display:none}
.dpo-q form{position:absolute;right:0;top:54px;z-index:20;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:12px;display:flex;gap:8px;width:min(92vw,360px);box-shadow:8px 8px 0 var(--yel)}
.dpo-q input{flex:1;min-width:0;border:2px solid var(--ink);border-radius:6px;padding:10px 12px;font:600 16px "Fustat",sans-serif;min-height:44px}
.dpo-q button{border:0;background:var(--ink);color:#fff;border-radius:6px;padding:0 16px;font:800 14px "Fustat",sans-serif;min-height:44px;cursor:pointer}
.dpo-mn{display:none;position:relative}
.dpo-mn ul{position:absolute;right:0;top:54px;z-index:20;list-style:none;margin:0;padding:10px;background:#fff;border:2px solid var(--ink);border-radius:10px;width:220px;box-shadow:8px 8px 0 var(--yel)}
.dpo-mn a{display:block;padding:12px 10px;font-weight:800}

/* migas */
.dpo-crumb{display:flex;flex-wrap:wrap;gap:10px;font-weight:700;font-size:14px;padding:6px 0 22px}

/* diapositiva */
.dpo-sl{display:flex;flex-direction:column;gap:10px;background:var(--m);color:var(--t);border-radius:8px;padding:12px;box-shadow:0 10px 24px -12px rgba(18,20,26,.5),0 2px 4px rgba(18,20,26,.18);transition:transform .2s}
a.dpo-sl:hover{transform:translateY(-4px) rotate(-.4deg)}
.dpo-win{display:block;aspect-ratio:3/2;border-radius:3px;overflow:hidden;background:#cfd6df}
.dpo-win img{width:100%;height:100%;object-fit:cover}
.dpo-st{display:flex;justify-content:space-between;gap:10px;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.dpo-lb{display:block;background:#fff;color:var(--ink);border-radius:3px;padding:10px 12px;font-weight:800;font-size:16px;line-height:1.22}
.dpo-ph{display:block;width:100%;height:100%;background:linear-gradient(180deg,#8EDAF5,#2F55F5)}
.dpo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.dpo-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.dpo-grid>.dpo-sl:nth-child(4n+2),.dpo-grid>.dpo-sl:nth-child(4n+4){margin-top:42px}
.dpo-grid3>.dpo-sl:nth-child(3n+2){margin-top:40px}
.dpo-grid3>.dpo-sl:nth-child(4n+4){margin-top:0}

/* portada */
.dpo-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:36px;align-items:center;padding:20px 0 70px}
.dpo-hero>.dpo-sl{grid-column:span 7;padding:18px;gap:14px;border-radius:12px}
.dpo-hero-tx{grid-column:span 5;display:flex;flex-direction:column;gap:22px}
.dpo-kick{font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.dpo-hero h1{font-size:clamp(34px,4vw,52px)}
.dpo-lead{margin:0;font-size:19px;line-height:1.5;color:var(--soft)}
.dpo-btn{display:inline-flex;align-items:center;min-height:48px;background:var(--ink);color:#fff;padding:12px 24px;border-radius:999px;font-weight:800;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.dpo-next{display:flex;flex-direction:column;border-top:2px solid var(--ink);margin-top:6px}
.dpo-next a{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}
.dpo-next span{font-weight:800;font-size:12px;letter-spacing:.12em}
.dpo-sec{padding-bottom:80px}
.dpo-sec-hd{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px;border-bottom:2px solid var(--ink);padding-bottom:14px}
.dpo-sec-hd h2{font-size:clamp(30px,3.4vw,44px)}
.dpo-sec-hd a{font-weight:800;font-size:15px;padding:8px 0}
.dpo-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dpo-tiles .dpo-sl{padding:22px;min-height:190px;justify-content:space-between}
.dpo-tiles .dpo-h{font-size:clamp(34px,4vw,54px)}
.dpo-tiles p{margin:0;font-weight:700;font-size:15px}
.dpo-lema{background:var(--ink);color:#fff;border-radius:12px;padding:64px 56px;display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;margin-bottom:70px}
.dpo-lema h2{font-size:clamp(32px,4.4vw,58px);max-width:760px}
.dpo-lema a{background:var(--yel);color:var(--ink);padding:16px 26px;border-radius:999px;font-weight:800;font-size:16px}

/* categoría */
.dpo-band{background:var(--m);color:var(--t);border-radius:14px;padding:46px 52px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;align-items:end;box-shadow:0 14px 30px -16px rgba(18,20,26,.6)}
.dpo-band-tx{grid-column:span 8;display:flex;flex-direction:column;gap:18px}
.dpo-band h1{font-size:clamp(46px,8vw,112px)}
.dpo-band p{margin:0;font-size:20px;line-height:1.5;max-width:640px;font-weight:600}
.dpo-band-n{grid-column:span 4;justify-self:end;text-align:right}
.dpo-band-n b{display:block;font:400 clamp(60px,8vw,120px)/.9 "Bagel",sans-serif}
.dpo-pg{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:30px 0 80px}
.dpo-pg .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border-radius:8px;border:2px solid var(--ink);background:#fff;font-weight:800}
.dpo-pg .current{background:var(--ink);color:#fff}

/* entrada */
.dpo-ahd{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:40px;align-items:end;padding-bottom:40px}
.dpo-ahd-tx{grid-column:span 6;display:flex;flex-direction:column;gap:20px}
.dpo-ahd>.dpo-sl{grid-column:span 6;padding:18px;border-radius:12px;gap:14px}
.dpo-ahd h1{font-size:clamp(32px,4.4vw,60px)}
.dpo-pill{align-self:flex-start;background:var(--m);color:var(--t);border-radius:999px;padding:8px 16px;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.dpo-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:700;font-size:14px;color:var(--soft)}
.dpo-prose{max-width:760px;margin:0 auto;padding:30px 0 20px}
.dpo-prose p,.dpo-prose li{font-size:19px;line-height:1.7;color:#20242D}
.dpo-prose p{margin:0 0 22px}
.dpo-prose h2,.dpo-prose h3{font-family:"Bagel",sans-serif;font-weight:400;line-height:1.08;margin:46px 0 16px;scroll-margin-top:20px}
.dpo-prose h2{font-size:36px}.dpo-prose h3{font-size:28px}
.dpo-prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.dpo-prose img{border-radius:6px;margin:28px 0}
.dpo-prose ul,.dpo-prose ol{padding-left:24px;margin:0 0 22px}
.dpo-prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:16px;display:block;overflow-x:auto}
.dpo-prose th,.dpo-prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.dpo-prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:6px solid var(--yel);font-weight:700}
.dpo-go{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:var(--yel);border-radius:8px;padding:12px 18px 12px 12px;margin:34px 0;box-shadow:0 10px 24px -12px rgba(18,20,26,.5);text-decoration:none!important}
.dpo-go .dpo-win{aspect-ratio:3/2}
.dpo-go small{display:block;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.dpo-go b{font-weight:800;font-size:19px;line-height:1.2}
.dpo-pass{max-width:760px;margin:44px auto 10px;border-top:2px solid var(--ink);padding-top:22px}
.dpo-pass b{display:block;font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.dpo-pass div{display:flex;flex-wrap:wrap;gap:12px}
.dpo-pass a,.dpo-pass button{width:56px;height:56px;border-radius:8px;border:0;background:var(--m);color:var(--t);display:flex;align-items:center;justify-content:center;font:800 13px "Fustat",sans-serif;cursor:pointer;box-shadow:0 6px 14px -8px rgba(18,20,26,.6)}
.dpo-sign{max-width:760px;margin:30px auto 0;font-weight:700;font-size:15px;color:var(--soft)}
.dpo-more{padding:50px 0 80px}

/* páginas */
.dpo-page{max-width:860px;margin:0 auto;padding:10px 0 80px}
.dpo-page .dpo-h1{font-size:clamp(40px,6vw,72px);margin-bottom:30px}
.dpo-page .dpo-prose{margin:0;max-width:none;background:#fff;border-radius:12px;padding:40px 48px;box-shadow:0 10px 24px -16px rgba(18,20,26,.5)}
.dpo-ab{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:44px;align-items:center;padding:20px 0 70px}
.dpo-ab-tx{grid-column:span 6;display:flex;flex-direction:column;gap:24px}
.dpo-ab-tx h1{font-size:clamp(44px,6.2vw,84px)}
.dpo-ab>.dpo-sl{grid-column:span 6;padding:18px;border-radius:12px;gap:14px}
.dpo-ab .dpo-win{aspect-ratio:4/3}
.dpo-spec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:44px;padding-bottom:80px}
.dpo-spec>div:first-child{grid-column:span 5}
.dpo-spec>div:last-child{grid-column:span 7;border-top:2px solid var(--ink)}
.dpo-spec h2{font-size:clamp(32px,3.6vw,44px)}
.dpo-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5}
.dpo-row b{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding-top:4px}
.dpo-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.dpo-three .dpo-sl:nth-child(2){margin-top:34px}
.dpo-card-tx{background:#fff;color:var(--ink);border-radius:3px;padding:14px;font-size:16px;line-height:1.5}
.dpo-card-tx b{display:block;font-size:18px;margin-bottom:4px}
.dpo-cta{background:var(--ink);color:#fff;border-radius:12px;padding:56px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;margin:80px 0 70px}
.dpo-cta h2{font-size:clamp(30px,3.8vw,46px);max-width:700px}
.dpo-cta a{background:var(--yel);color:var(--ink);padding:16px 26px;border-radius:999px;font-weight:800;font-size:16px}

/* contacto */
.dpo-ct{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:44px;align-items:start;padding:10px 0 80px}
.dpo-ct-l{grid-column:span 5;display:flex;flex-direction:column;gap:26px}
.dpo-ct-l h1{font-size:clamp(46px,6.2vw,84px)}
.dpo-ct-l .dpo-sl{padding:16px;border-radius:12px}
.dpo-form{grid-column:span 7;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:36px;display:flex;flex-direction:column;gap:22px;box-shadow:12px 12px 0 var(--yel)}
.dpo-form-hd{display:flex;justify-content:space-between;align-items:center}
.dpo-form-hd .dpo-h{font-size:30px}
.dpo-form-hd span{font-weight:800;font-size:12px;letter-spacing:.14em}
.dpo-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dpo-fl{display:block;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.dpo-fi{width:100%;border:2px solid var(--ink);border-radius:6px;background:#fff;padding:14px;font:600 17px "Fustat",sans-serif;min-height:52px;color:var(--ink)}
.dpo-why{border:0;margin:0;padding:0}
.dpo-why legend{padding:0}
.dpo-why div{display:flex;flex-wrap:wrap;gap:10px}
.dpo-why label{position:relative}
.dpo-why input{position:absolute;opacity:0;inset:0;cursor:pointer}
.dpo-why span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid var(--ink);border-radius:999px;font-weight:800;font-size:14px;background:#fff}
.dpo-why input:checked+span{background:var(--ink);color:#fff}
.dpo-why input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.dpo-chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--soft);line-height:1.45}
.dpo-chk input{width:22px;height:22px;margin-top:2px;accent-color:var(--ink)}
.dpo-chk a{text-decoration:underline}
.dpo-hon{position:absolute;left:-9999px;height:0;overflow:hidden}
.dpo-ok{margin:0;padding:14px 18px;border-radius:8px;background:#E4F2FF;font-weight:700}
.dpo-bad{background:#FFE4DF}

/* 404 */
.dpo-404{padding:40px 0 100px}
.dpo-404 .dpo-h1{font-size:clamp(90px,16vw,200px)}

/* pie */
.dpo-ft{border-top:2px solid var(--ink);margin-top:20px}
.dpo-ft-in{max-width:1360px;margin:0 auto;padding:38px 40px 46px;display:flex;flex-wrap:wrap;gap:36px 40px;justify-content:space-between;font-size:15px;font-weight:600}
.dpo-ft-in div{display:flex;flex-direction:column;gap:8px}
.dpo-ft-in b{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.dpo-ft-in .dpo-wm{font-size:34px}
.dpo-ft-in p{margin:6px 0 0;color:var(--soft);max-width:300px}
.dpo-ft a{padding:3px 0}
.dpo-ft a:hover{text-decoration:underline}

/* cookies */
.dpo-ck{position:fixed;left:20px;bottom:20px;z-index:60;max-width:360px;background:var(--yel);color:var(--ink);border-radius:8px;padding:12px;box-shadow:0 14px 28px -12px rgba(0,0,0,.55)}
.dpo-ck[hidden]{display:none}
.dpo-ck-in{background:#fff;border-radius:3px;padding:14px}
.dpo-ck p{margin:0 0 12px;font-weight:700;font-size:15px;line-height:1.45}
.dpo-ck a{text-decoration:underline}
.dpo-bs{display:flex;gap:10px}
.dpo-bs button{min-height:44px;padding:0 20px;border-radius:999px;font:800 14px "Fustat",sans-serif;cursor:pointer;background:var(--ink);color:#fff;border:2px solid var(--ink)}
.dpo-bs .dpo-o{background:transparent;color:var(--ink)}

@media (max-width:1100px){
.dpo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dpo-grid>.dpo-sl:nth-child(n){margin-top:0}
.dpo-grid>.dpo-sl:nth-child(3n+2){margin-top:34px}
}
@media (max-width:900px){
.dpo-w,.dpo-hd-in,.dpo-ft-in{padding-left:16px;padding-right:16px}
.dpo-hd-in{padding-top:16px;padding-bottom:6px}
.dpo-wm{font-size:32px}
.dpo-nav{order:3;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:4px 16px 12px;margin:0 -16px;width:calc(100% + 32px)}
.dpo-nav a{flex:0 0 auto}
.dpo-bar>a{display:none}
.dpo-mn{display:block}
.dpo-hero>.dpo-sl,.dpo-hero-tx,.dpo-ahd-tx,.dpo-ahd>.dpo-sl,.dpo-ab-tx,.dpo-ab>.dpo-sl,.dpo-ct-l,.dpo-form,.dpo-band-tx,.dpo-band-n,.dpo-spec>div:first-child,.dpo-spec>div:last-child{grid-column:1/-1}
.dpo-hero,.dpo-ahd,.dpo-ab,.dpo-ct,.dpo-spec,.dpo-band{row-gap:22px}
.dpo-hero{padding:6px 0 40px}
.dpo-band{padding:30px 22px}
.dpo-band-n{justify-self:start;text-align:left}
.dpo-grid,.dpo-grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dpo-grid>.dpo-sl:nth-child(n),.dpo-grid3>.dpo-sl:nth-child(n){margin-top:0}
.dpo-grid>.dpo-sl:nth-child(even),.dpo-grid3>.dpo-sl:nth-child(even){margin-top:26px}
.dpo-sl{padding:9px;gap:8px;border-radius:7px}
.dpo-lb{font-size:13.5px;padding:8px 9px}
.dpo-st{font-size:10px}
.dpo-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dpo-tiles .dpo-sl{min-height:120px;padding:12px}
.dpo-tiles p{display:none}
.dpo-lema{padding:34px 22px;margin-bottom:34px}
.dpo-sec{padding-bottom:40px}
.dpo-prose p,.dpo-prose li{font-size:17.5px}
.dpo-prose h2{font-size:28px}
.dpo-page .dpo-prose{padding:26px 20px}
.dpo-three{grid-template-columns:1fr}
.dpo-three .dpo-sl:nth-child(2){margin-top:0}
.dpo-row{grid-template-columns:1fr;gap:4px}
.dpo-cta{padding:34px 22px}
.dpo-form{padding:22px}
.dpo-g2{grid-template-columns:1fr}
.dpo-go{grid-template-columns:100px minmax(0,1fr)}
.dpo-go b{font-size:16px}
.dpo-ck{left:10px;right:10px;bottom:10px;max-width:none}
}
@media (prefers-reduced-motion:reduce){.dpo-sl{transition:none}a.dpo-sl:hover{transform:none}}