/* KOKO Recursos · automatic resource pages RC16 */
body.koko-resource-auto-page .content-container.site-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.koko-resource-auto-page .content-area,body.koko-resource-auto-page .site-main,body.koko-resource-auto-page article.entry,body.koko-resource-auto-page .entry-content-wrap{max-width:none!important;background:transparent!important;box-shadow:none!important}
body.koko-resource-auto-page .entry-content-wrap{padding:0!important}
body.koko-resource-auto-page .entry-content{margin:0!important;max-width:none!important}
body.koko-resource-auto-page article.entry{margin:0!important}

.koko-auto-resource-shell{--koko-yellow:#FEC300;--koko-bg:#080809;--koko-bg2:#0d0d0f;--koko-panel:#121214;--koko-white:#f6f6f2;--koko-muted:#b7b7b0;position:relative;left:50%;width:100vw;max-width:100vw;transform:translateX(-50%);background:var(--koko-bg);color:var(--koko-white);overflow-x:clip;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.koko-rp-section{position:relative;width:100%;box-sizing:border-box}
.koko-rp-inner{box-sizing:border-box;width:calc(100% - 80px);max-width:var(--koko-resource-max,1440px);margin-left:auto!important;margin-right:auto!important}

/* HERO */
.koko-rp-hero{min-height:630px;display:flex;align-items:center;padding:132px 0 62px;background:radial-gradient(circle at 82% 44%,rgba(254,195,0,.12),transparent 26%),linear-gradient(180deg,#080809 0%,#0b0b0c 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.koko-rp-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,rgba(0,0,0,.58),transparent 83%);pointer-events:none}
.koko-rp-hero:after{content:"";position:absolute;inset:auto 0 0;top:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%,transparent);pointer-events:none}
.koko-rp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,450px);gap:76px;align-items:center}
.koko-rp-copy{max-width:900px}
.koko-rp-eyebrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:16px;color:var(--koko-yellow);font-size:12px;font-weight:850;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}
.koko-rp-eyebrow>span{display:inline-flex;align-items:center;gap:9px}.koko-rp-eyebrow>span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--koko-yellow);box-shadow:0 0 0 5px rgba(254,195,0,.11)}
.koko-rp-route{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#d9d9d4;font-size:10px;letter-spacing:.08em;background:rgba(255,255,255,.025)}
.koko-rp-copy h1{max-width:980px;margin:0 0 18px;color:var(--koko-white)!important;font-family:Anton,Impact,sans-serif!important;font-size:clamp(48px,5.1vw,76px)!important;font-weight:400!important;line-height:.97!important;letter-spacing:.005em!important;text-wrap:balance}
.koko-rp-subtitle{max-width:790px;margin:0 0 22px!important;color:#c7c7c1!important;font-size:18px!important;line-height:1.62!important}
.koko-rp-signals{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.koko-rp-signal{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(255,255,255,.025);color:#ecece7;font-size:12px;font-weight:700}.koko-rp-signal i{width:6px;height:6px;border-radius:50%;background:var(--koko-yellow);box-shadow:0 0 0 4px rgba(254,195,0,.1)}
.koko-rp-primary{display:inline-flex;align-items:center;gap:18px;padding:15px 20px;border:1px solid var(--koko-yellow);border-radius:999px;background:var(--koko-yellow);color:#090909!important;text-decoration:none!important;font-size:13px;font-weight:900;line-height:1;letter-spacing:.06em;box-shadow:0 14px 34px rgba(254,195,0,.14);transition:transform .2s ease,box-shadow .2s ease}.koko-rp-primary b{font-size:19px;font-weight:700;transition:transform .2s ease}.koko-rp-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(254,195,0,.2)}.koko-rp-primary:hover b{transform:translateX(3px)}
.koko-rp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}
.koko-rp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 17px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.035);color:#f1f1ec!important;text-decoration:none!important;font-size:11px;font-weight:900;line-height:1;letter-spacing:.055em;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.koko-rp-secondary:hover{transform:translateY(-2px);border-color:rgba(254,195,0,.48);background:rgba(255,255,255,.06);box-shadow:0 15px 34px rgba(0,0,0,.20)}
.koko-rp-file-icon{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 5px;border-radius:6px;background:#f2f2ee;color:#111;font-size:9px;font-weight:950;letter-spacing:-.02em}
.koko-file-pdf .koko-rp-file-icon{min-width:29px;font-size:8px}
.koko-file-doc .koko-rp-file-icon,.koko-file-docx .koko-rp-file-icon{background:#e9eef7;color:#174ea6}
.koko-file-xls .koko-rp-file-icon,.koko-file-xlsx .koko-rp-file-icon,.koko-file-csv .koko-rp-file-icon{background:#e8f3ec;color:#176b3a}

/* 3D RESOURCE CARD */
/*
 * RC25 · modo nítido en reposo.
 * La portada se pinta como una imagen 2D normal mientras está de frente.
 * Perspective/preserve-3d/backface/translateZ solo se activan durante el giro.
 * Así evitamos que Chrome/Safari conviertan permanentemente la portada en una
 * textura GPU reescalada, que era la diferencia principal frente al Query Loop.
 */
.koko-rp-visual{position:relative;min-height:545px;display:flex;align-items:center;justify-content:center}
.koko-rp-orbit{position:absolute;width:470px;height:470px;border:1px solid rgba(254,195,0,.13);border-radius:50%;transform:rotateX(73deg);box-shadow:0 0 100px rgba(254,195,0,.055);animation:kokoRpOrbit 20s linear infinite}
.koko-rp-orbit:before,.koko-rp-orbit:after{content:"";position:absolute;border-radius:50%;inset:42px;border:1px solid rgba(255,255,255,.05)}.koko-rp-orbit:after{inset:98px;border-color:rgba(254,195,0,.08)}
/*
 * RC27 · flotación fluida + portada nítida.
 * RC26 movía el wrapper con top/left. Eso obliga al navegador a recalcular layout en
 * cada frame y, según el navegador/carga de la página, produce tirones y pequeñas
 * diferencias de redondeo entre el marco y el bitmap.
 *
 * Ahora la flotación vuelve al compositor (transform), PERO el contexto 3D sigue
 * desactivado en reposo como en RC25. Además fijamos dimensiones 3:4 en píxeles
 * enteros para que la textura no nazca ya reescalada a una medida fraccionaria.
 * Se mueve el objeto completo como una sola capa: portada, marco y grosor no pueden
 * desplazarse entre sí.
 */
.koko-rp-card-float{position:relative;z-index:2;animation:kokoRpFloat 7.6s cubic-bezier(.37,0,.63,1) infinite;filter:none;transform:translate3d(0,0,0);will-change:transform;transform-origin:50% 50%}
.koko-rp-card3d{position:relative;width:336px;aspect-ratio:3/4;outline:none;isolation:isolate;perspective:none;transform:none;transform-style:flat;-webkit-transform-style:flat;backface-visibility:visible}
.koko-rp-card3d:after{content:"";position:absolute;left:8%;right:2%;bottom:-30px;height:36px;border-radius:50%;background:radial-gradient(ellipse,rgba(254,195,0,.16),rgba(0,0,0,.34) 46%,transparent 74%);filter:blur(11px);pointer-events:none;z-index:-2;transform-origin:center;opacity:1}
.koko-rp-card-inner{position:relative;width:100%;height:100%;display:grid;transform:none;transform-style:flat;-webkit-transform-style:flat}
/* En reposo el grosor es 2D. Se convierte en 3D únicamente durante el giro. */
.koko-rp-card-inner:before,.koko-rp-card-inner:after{content:"";position:absolute;pointer-events:none;transform:none;transform-style:flat;-webkit-transform-style:flat}
.koko-rp-card-inner:before{inset:5px -10px -10px 5px;border-radius:27px;background:linear-gradient(145deg,#303036 0%,#24242a 42%,#151519 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 1px 1px 0 rgba(255,255,255,.09),inset -2px -2px 8px rgba(0,0,0,.38);z-index:0}
.koko-rp-card-inner:after{inset:3px -6px -6px 3px;border-radius:26px;background:linear-gradient(145deg,#222228,#17171b);border:1px solid rgba(255,255,255,.07);z-index:1}
.koko-rp-face{grid-area:1/1;position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;-webkit-backface-visibility:visible;backface-visibility:visible;background:#101012;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 78px rgba(0,0,0,.42);z-index:2;transform:none;transform-style:flat;-webkit-transform-style:flat}
.koko-rp-face:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 16px 28px rgba(255,255,255,.018),inset 0 -18px 34px rgba(0,0,0,.12)}
.koko-rp-face:after{content:"";position:absolute;inset:1px;border-radius:22px;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:2}
.koko-rp-face img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important;border-radius:23px;image-rendering:auto!important;transform:none!important;filter:none!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;will-change:auto!important}
.koko-rp-front{transform:none!important}
/* La trasera no participa en composición mientras la portada está quieta. */
.koko-rp-back{position:absolute;inset:0;visibility:hidden;opacity:0;transform:none;display:flex;align-items:center;justify-content:center;padding:0;background:#000!important;border:1px solid rgba(182,184,190,.42)!important;box-shadow:0 28px 78px rgba(0,0,0,.42);z-index:4;pointer-events:none}
.koko-rp-back:before,.koko-rp-back:after{content:none!important}
.koko-rp-back img.koko-rp-back-logo{position:relative!important;z-index:2!important;display:block!important;width:68%!important;height:auto!important;max-width:68%!important;max-height:34%!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:0!important;filter:drop-shadow(0 7px 16px rgba(0,0,0,.28))!important;transform:none!important}
/* El brillo animado sobre la propia portada también podía forzar composición del bitmap. Se elimina; el marco conserva el acabado. */
.koko-rp-shine{display:none!important}

/* Solo durante ~1 s activamos el motor 3D. */
.koko-rp-card3d.is-flipping{perspective:1500px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.koko-rp-card3d.is-flipping .koko-rp-card-inner{animation:kokoRpFlip .96s cubic-bezier(.23,.78,.18,1) 1;will-change:transform;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.koko-rp-card3d.is-flipping .koko-rp-card-inner:before,.koko-rp-card3d.is-flipping .koko-rp-card-inner:after{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.koko-rp-card3d.is-flipping .koko-rp-card-inner:before{transform:translateZ(0)}
.koko-rp-card3d.is-flipping .koko-rp-card-inner:after{transform:translateZ(5px)}
.koko-rp-card3d.is-flipping .koko-rp-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.koko-rp-card3d.is-flipping .koko-rp-front{transform:translateZ(6px)!important}
.koko-rp-card3d.is-flipping .koko-rp-back{visibility:visible;opacity:1;transform:rotateY(180deg) translateZ(6px);pointer-events:auto}
.koko-rp-card3d.is-flipping:after{animation:kokoRpGroundShadow .96s cubic-bezier(.23,.78,.18,1) 1}
.koko-rp-card3d:hover .koko-rp-front,.koko-rp-card3d:focus-visible .koko-rp-front{box-shadow:0 28px 78px rgba(0,0,0,.42),0 0 21px rgba(254,195,0,.10)}
@keyframes kokoRpFlip{0%{transform:rotateY(0deg)}45%{transform:rotateY(185deg) scale(1.025)}100%{transform:rotateY(360deg)}}
@keyframes kokoRpGroundShadow{0%,100%{opacity:1;transform:scaleX(1)}47%,53%{opacity:.28;transform:scaleX(.34)}}
@keyframes kokoRpFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-12px,0)}
}
@keyframes kokoRpOrbit{0%{transform:rotateX(73deg) rotateZ(0deg)}100%{transform:rotateX(73deg) rotateZ(360deg)}}
.koko-rp-placeholder{width:310px;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(254,195,0,.24);border-radius:23px;background:linear-gradient(145deg,#151517,#0c0c0d);box-shadow:14px 17px 0 -7px #1d1d20,0 30px 78px rgba(0,0,0,.4)}.koko-rp-placeholder span{color:var(--koko-yellow);font-size:11px;font-weight:900;letter-spacing:.2em}.koko-rp-placeholder strong{margin-top:12px;font-family:Anton,Impact,sans-serif;font-size:36px;font-weight:400}

/* MAIN RESOURCE */
.koko-rp-main{padding:48px 0 72px;background:#0b0b0c}
.koko-rp-main-intro{max-width:940px;margin:0 auto 30px;text-align:center}
.koko-rp-section-head{display:flex;align-items:center;gap:14px;margin:0 auto 15px;color:var(--koko-yellow);font-size:11px;font-weight:850;letter-spacing:.15em;justify-content:center}.koko-rp-section-head i{width:72px;height:1px;flex:0 0 72px;background:linear-gradient(90deg,rgba(254,195,0,.35),transparent)}
.koko-rp-main-intro h2{margin:0 0 10px!important;color:#f4f4ef!important;font-family:Anton,Impact,sans-serif!important;font-size:clamp(34px,3.2vw,46px)!important;font-weight:400!important;line-height:1!important;text-wrap:balance}
.koko-rp-main-intro>p{max-width:790px;margin:0 auto!important;color:#aaa9a3!important;font-size:15px!important;line-height:1.68!important}
.koko-rp-module-shortcode,.koko-rp-original-content{position:relative;width:100%;max-width:1240px;margin:0 auto}
.koko-rp-module-shortcode+.koko-rp-original-content{margin-top:26px}
/* RC36: el contenido creado por el usuario (Kadence/Gutenberg) nunca depende del reveal JS.
   En móvil una composición larga podía superar el umbral del IntersectionObserver y quedar
   con opacity:0 ocupando exactamente su altura: de ahí el gran hueco negro. */
.koko-rp-original-content{opacity:1!important;transform:none!important;transition:none!important;min-width:0}
.koko-rp-original-content .wp-block-kadence-rowlayout,.koko-rp-original-content .kt-row-layout-inner{max-width:100%}
.koko-rp-original-content .wp-block-kadence-column,.koko-rp-original-content .kt-row-column-wrap,.koko-rp-original-content .kt-inside-inner-col{min-width:0}
.koko-rp-original-content img{max-width:100%;height:auto}

.koko-rp-original-content>p{color:#d0d0ca;line-height:1.72}.koko-rp-original-content>h2,.koko-rp-original-content>h3,.koko-rp-original-content>h4{color:#f4f4ef}.koko-rp-original-content a:not(.wp-block-button__link){color:var(--koko-yellow)}
.koko-rp-awaiting{max-width:920px;margin:0 auto;padding:28px 30px;border:1px dashed rgba(254,195,0,.22);border-radius:20px;background:rgba(255,255,255,.018);text-align:center}.koko-rp-awaiting span{display:block;margin-bottom:8px;color:var(--koko-yellow);font-size:10px;font-weight:900;letter-spacing:.16em}.koko-rp-awaiting-admin{border-style:solid;border-color:rgba(254,195,0,.18);background:linear-gradient(135deg,rgba(254,195,0,.04),rgba(255,255,255,.012))}.koko-rp-awaiting strong{display:block;color:#f3f3ef;font-size:18px}.koko-rp-awaiting p{max-width:680px;margin:8px auto 0!important;color:#9f9f99!important;font-size:13px!important;line-height:1.55!important}

/* CONTEXT CARDS */
.koko-rp-details{padding:60px 0 68px;background:#101012;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.koko-rp-title-center{max-width:860px;margin:0 auto 32px;text-align:center}.koko-rp-title-center>span{display:block;margin-bottom:10px;color:var(--koko-yellow);font-size:11px;font-weight:850;letter-spacing:.15em}.koko-rp-title-center h2{margin:0!important;color:#f4f4ef!important;font-family:Anton,Impact,sans-serif!important;font-size:clamp(34px,3.6vw,48px)!important;font-weight:400!important;line-height:1!important;text-wrap:balance}.koko-rp-title-center p{max-width:760px;margin:12px auto 0!important;color:#a8a8a1!important;font-size:14px!important;line-height:1.67!important}
.koko-rp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}.koko-rp-detail{position:relative;min-height:228px;padding:26px 24px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.012));overflow:hidden;transition:transform .23s ease,border-color .23s ease,background-color .23s ease,box-shadow .23s ease}
.koko-rp-detail:before{content:"";position:absolute;left:24px;right:48%;top:0;height:2px;background:linear-gradient(90deg,#FEC300,rgba(254,195,0,0));opacity:.65}.koko-rp-detail:after{content:"";position:absolute;right:-20px;top:-20px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(254,195,0,.08),transparent 68%);pointer-events:none}.koko-rp-detail:hover{transform:translateY(-5px);border-color:rgba(254,195,0,.24);background:rgba(255,255,255,.042);box-shadow:0 18px 46px rgba(0,0,0,.16)}.koko-rp-detail>span{display:block;margin-bottom:25px;color:rgba(254,195,0,.74);font-family:Anton,Impact,sans-serif;font-size:24px}.koko-rp-detail h3{margin:0 0 10px!important;color:#f4f4ef!important;font-family:Anton,Impact,sans-serif!important;font-size:24px!important;font-weight:400!important;letter-spacing:.015em}.koko-rp-detail p{margin:0!important;color:#adada7!important;font-size:14px!important;line-height:1.68!important}

/* RELATED */
.koko-rp-related{padding:58px 0 64px;background:#09090a}
.koko-rp-title-related{max-width:920px;margin-bottom:28px}.koko-rp-title-related h2{font-size:clamp(32px,3.3vw,44px)!important}
.koko-rp-related-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:18px;max-width:1180px;margin:0 auto}
.koko-rp-related-stack{display:grid;gap:18px}
.koko-rp-related-card{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:#111113;color:inherit!important;text-decoration:none!important;display:block;transform-origin:center center;will-change:transform;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .28s ease,background-color .28s ease,box-shadow .28s ease}
/* RC34: el foco vuelve a recaer claramente en la tarjeta completa.
   Subimos un poco el hover para que se note de verdad en escritorio, sin tocar la imagen interior. */
@media (min-width:901px) and (hover:hover){
  .koko-rp-related-card:hover{z-index:4;transform:translateY(-8px) scale(1.024);border-color:rgba(254,195,0,.36);background:#141416;box-shadow:0 30px 76px rgba(0,0,0,.40),0 0 0 1px rgba(254,195,0,.05)}
  .koko-rp-related-card:focus-visible{z-index:4;transform:translateY(-6px) scale(1.018);border-color:rgba(254,195,0,.5);box-shadow:0 26px 70px rgba(0,0,0,.36);outline:2px solid rgba(254,195,0,.72);outline-offset:4px}
}
/* RC34: las portadas relacionadas siguen en 3:4, pero dejan de parecer una “tarjeta dentro de otra”.
   La portada se acerca mucho más a los bordes superior e inferior del bloque para ganar presencia visual. */
.koko-rp-related-card-featured{display:grid;grid-template-columns:292px 1fr;min-height:372px;align-items:stretch;background:linear-gradient(145deg,#111113,#0d0d0f)}
.koko-rp-related-card-compact{display:grid;grid-template-columns:156px 1fr;min-height:188px;align-items:stretch}
.koko-rp-related-media{position:relative;justify-self:stretch;align-self:stretch;aspect-ratio:3/4;height:auto;width:auto;background:#0d0d0f;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.22);margin:14px 0 14px 14px}
.koko-rp-related-card-featured .koko-rp-related-media,.koko-rp-related-card-compact .koko-rp-related-media{width:auto}
.koko-rp-related-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.05));pointer-events:none}
.koko-rp-related-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important;transition:none!important;image-rendering:auto!important;filter:none!important;background:#0d0d0f!important}.koko-rp-related-card:hover img{transform:none!important}
.koko-rp-related-body{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;min-height:100%;padding:18px 22px 18px 8px}
.koko-rp-related-kicker{display:block;margin-bottom:5px;color:var(--koko-yellow);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.koko-rp-related-body>small{display:block;color:#cecec7;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.koko-rp-related-body h3{margin:10px 0 12px!important;color:#f4f4ef!important;font-family:Anton,Impact,sans-serif!important;font-size:23px!important;font-weight:400!important;line-height:1.05!important;text-wrap:balance}
.koko-rp-related-card-featured .koko-rp-related-body h3{font-size:36px!important;max-width:14ch}
.koko-rp-related-body p{margin:0!important;color:#a9a9a2!important;font-size:13px!important;line-height:1.62!important}
.koko-rp-related-body b{margin-top:auto;padding-top:18px;color:#e6e6df;font-size:11px;letter-spacing:.09em}
/* RC37: composición definitiva de la recomendación principal.
   La imagen usa el original completo (sin srcset) y el texto aprovecha toda la altura de la tarjeta. */
.koko-rp-related-card-featured .koko-rp-related-body{padding:24px 30px 22px 12px}
.koko-rp-related-card-featured .koko-rp-related-kicker{margin-bottom:9px}
.koko-rp-related-card-featured .koko-rp-related-body h3{font-size:38px!important;line-height:1.01!important;max-width:13ch;margin:13px 0 18px!important}
.koko-rp-related-card-featured .koko-rp-related-body p{max-width:35ch;line-height:1.66!important}
.koko-rp-related-card-featured .koko-rp-related-body b{margin-top:auto;padding-top:22px;padding-bottom:1px}
.koko-rp-related-card-featured .koko-rp-related-media img{image-rendering:auto!important}
@media(min-width:981px){
  .koko-rp-related-card-featured .koko-rp-related-body h3{font-size:42px!important;line-height:.99!important;max-width:12.8ch}
}
.koko-rp-newsletter{padding:22px 0 60px;background:#09090a}.koko-rp-newsletter-inner{max-width:1180px!important}.koko-rp-newsletter .koko-r-module{margin:0!important}

/* MOTION */
.koko-rp-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}.koko-rp-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1200px){
  .koko-rp-inner{width:calc(100% - 56px)}
  .koko-rp-hero{padding-top:116px}
  .koko-rp-hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:52px}
  .koko-rp-card3d{width:300px}.koko-rp-orbit{width:415px;height:415px}.koko-rp-visual{min-height:470px}
}
@media(max-width:980px){
  .koko-rp-related-grid{grid-template-columns:1fr}
  .koko-rp-related-stack{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .koko-rp-inner{width:calc(100% - 44px)}
  .koko-rp-hero{min-height:auto;padding:102px 0 44px}
  .koko-rp-hero-grid{grid-template-columns:1fr;gap:30px}
  .koko-rp-copy{max-width:820px;margin:0 auto;text-align:center}.koko-rp-eyebrow,.koko-rp-signals{justify-content:center}.koko-rp-primary{margin-inline:auto}
  .koko-rp-visual{min-height:420px}.koko-rp-card3d{width:285px}.koko-rp-orbit{width:370px;height:370px}
  .koko-rp-detail-grid{grid-template-columns:1fr 1fr}.koko-rp-related-card-featured{grid-template-columns:238px 1fr;min-height:330px}.koko-rp-related-card-featured .koko-rp-related-media,.koko-rp-related-card-compact .koko-rp-related-media{width:auto}.koko-rp-related-card-featured .koko-rp-related-body{padding:20px 24px 20px 10px}.koko-rp-related-card-compact{grid-template-columns:154px 1fr;min-height:182px}
}
@media(max-width:767px){
  .koko-rp-inner{width:calc(100% - 32px)}
  .koko-rp-hero{padding:78px 0 36px}.koko-rp-copy h1{font-size:clamp(38px,12vw,56px)!important}.koko-rp-subtitle{font-size:16px!important;line-height:1.58!important}.koko-rp-signals{gap:7px;margin-bottom:20px}.koko-rp-signal{padding:8px 10px;font-size:11px}.koko-rp-actions{display:grid;grid-template-columns:1fr;gap:9px}.koko-rp-primary,.koko-rp-secondary{width:100%;justify-content:center}
  .koko-rp-visual{min-height:360px}.koko-rp-card3d{width:246px}.koko-rp-card-inner:before{inset:4px -8px -8px 4px}.koko-rp-card-inner:after{inset:2px -5px -5px 2px}.koko-rp-orbit{width:300px;height:300px}.koko-rp-placeholder{width:245px}
  .koko-rp-main{padding:36px 0 52px}.koko-rp-main-intro{margin-bottom:22px}.koko-rp-section-head i{display:none}.koko-rp-main-intro h2{font-size:34px!important}
  .koko-rp-details,.koko-rp-related{padding:44px 0 50px}.koko-rp-title-center{margin-bottom:22px}.koko-rp-title-center h2{font-size:36px!important}
  .koko-rp-detail-grid,.koko-rp-related-stack{grid-template-columns:1fr}.koko-rp-detail{min-height:0;padding:20px}.koko-rp-detail>span{margin-bottom:17px}
  .koko-rp-related-card-featured,.koko-rp-related-card-compact{grid-template-columns:128px 1fr;min-height:178px;align-items:stretch}.koko-rp-related-card-featured .koko-rp-related-media,.koko-rp-related-card-compact .koko-rp-related-media{width:auto;margin:10px 0 10px 10px}.koko-rp-related-card-featured .koko-rp-related-body h3,.koko-rp-related-card-compact .koko-rp-related-body h3{font-size:22px!important;max-width:none}.koko-rp-related-body{padding:16px 16px 16px 8px}
  .koko-rp-newsletter{padding-bottom:36px}
}
@media(max-width:390px){
  .koko-rp-related-card-featured,.koko-rp-related-card-compact{grid-template-columns:114px 1fr}
  .koko-rp-related-card-featured .koko-rp-related-media,.koko-rp-related-card-compact .koko-rp-related-media{width:auto;margin:8px 0 8px 8px}
  .koko-rp-related-body{padding:14px 14px 14px 8px}
  .koko-rp-related-card-featured .koko-rp-related-body h3,.koko-rp-related-card-compact .koko-rp-related-body h3{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.koko-rp-reveal{opacity:1!important;transform:none!important;transition:none!important}.koko-rp-card-float,.koko-rp-shine,.koko-rp-orbit{animation:none!important}.koko-rp-card3d.is-flipping .koko-rp-card-inner{animation:none!important}.koko-rp-primary,.koko-rp-primary b,.koko-rp-detail,.koko-rp-related-card,.koko-rp-related-media img{transition:none!important}}