/* Corfolider V10 — certificaciones: mockup editorial a 45% y fondos sincronizados. */
body.page-inner[data-page="transforma-tu-mundo"]{--cert-scene:url('hero-certificacion-transforma-tu-mundo.webp');--cert-pos:center 43%;--cert-accent:#49e0eb}
body.page-inner[data-page="mas-alla-del-exito"]{--cert-scene:url('hero-certificacion-mas-alla-del-exito.webp');--cert-pos:center 45%;--cert-accent:#dbb675}
body.page-inner[data-page="exito-autentico"]{--cert-scene:url('hero-certificacion-exito-autentico.webp');--cert-pos:center 43%;--cert-accent:#e8b76c}
body.page-inner[data-family="programa"] .hero.ci-cert-hero::before{background-image:var(--cert-scene)!important;background-position:var(--cert-pos)!important;background-size:cover!important}
body.page-inner[data-family="programa"] .cta::before{background-image:var(--cert-scene)!important;background-position:var(--cert-pos)!important;background-size:cover!important}
body.page-inner[data-family="programa"] .hero.ci-cert-hero .ci-cert-hero-grid{display:grid!important;grid-template-columns:minmax(0,55fr) minmax(0,45fr)!important;gap:0!important;align-items:center!important;width:min(1100px,calc(100% - 48px))!important;max-width:1100px!important}
body.page-inner[data-family="programa"] .ci-cert-hero-copy{min-width:0;padding:30px clamp(20px,3.5vw,55px) 30px 0!important;position:relative;z-index:3}
body.page-inner[data-family="programa"] .ci-cert-hero-copy h1{max-width:100%;font-size:clamp(35px,3.8vw,58px);line-height:1.09}
body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover{width:100%;margin:0!important;min-width:0;min-height:475px;display:flex;justify-content:center;align-items:center;perspective:1300px;padding:28px 10px 34px 35px;box-sizing:border-box}
body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover::before{content:"";position:absolute;z-index:0;inset:12% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(221,186,118,.17),transparent 69%);filter:blur(15px);pointer-events:none}
body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover img{position:relative;z-index:2;display:block;width:auto!important;height:auto!important;max-width:min(100%,345px)!important;max-height:465px!important;object-fit:contain!important;border-radius:3px 9px 9px 3px!important;box-shadow:-9px 8px 0 rgba(9,16,27,.85),-14px 12px 1px rgba(233,227,209,.65),-17px 14px 0 rgba(10,18,31,.65),5px 30px 42px rgba(0,0,0,.50)!important;filter:none!important;transform:perspective(1300px) rotateY(-9deg) rotateZ(-1deg)!important;transform-origin:center center;transition:transform .35s ease!important}
body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover img:hover{transform:perspective(1300px) rotateY(-4deg) translateY(-7px)!important}
body.page-inner[data-page="mas-alla-del-exito"] .ci-cert-hero .ci-cert-cover img{transform:perspective(1300px) rotateY(-9deg) rotateZ(-2deg)!important}
body.page-inner[data-page="mas-alla-del-exito"] .ci-cert-hero .ci-cert-cover img:hover{transform:perspective(1300px) rotateY(-4deg) translateY(-7px)!important}
@media(max-width:850px){body.page-inner[data-family="programa"] .ci-cert-hero-copy h1{font-size:clamp(30px,4.2vw,43px)}body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover{min-height:375px;padding-left:18px}body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover img{max-height:355px!important;max-width:min(90%,275px)!important}}
@media(max-width:720px){body.page-inner[data-family="programa"] .hero.ci-cert-hero .ci-cert-hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:calc(100% - 36px)!important;gap:10px!important}body.page-inner[data-family="programa"] .ci-cert-hero-copy{padding:14px 0 8px!important}body.page-inner[data-family="programa"] .ci-cert-hero-copy h1{font-size:clamp(35px,8vw,48px)}body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover{min-height:0;padding:14px 20px 28px;width:100%}body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover img{max-height:325px!important;max-width:min(73%,240px)!important}}
@media(prefers-reduced-motion:reduce){body.page-inner[data-family="programa"] .ci-cert-hero .ci-cert-cover img{transition:none!important}}
