/* WebinarHub photographic redesign — visual-only layer, 2026-10-15. */
.wh-v4{--wh-photo-navy:#102d44;--wh-photo-teal:#00848c;background:#fff}
.wh-v4 .topbar{border-bottom:1px solid #e3ebee;background:#fff;box-shadow:none}
.wh-v4 .topbar .brand{letter-spacing:-.04em}
.wh-v4 .wh4-hero{background:linear-gradient(100deg,#f8fcfd,#f0f9fa)!important;grid-template-columns:1.04fr 1fr!important;gap:clamp(20px,4vw,55px)!important;padding-block:34px!important;min-height:350px!important}
.wh-v4 .wh4-photo-hero{position:relative;height:284px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#cbe4e6,#3a8994);box-shadow:0 17px 38px #12394816}
.wh-v4 .wh4-photo-hero img,.wh-v4 .wh-photo-cover{width:100%;height:100%;display:block;object-fit:cover}
.wh-v4 .wh-photo-note{position:absolute;bottom:16px;left:16px;border:1px solid #ffffffa8;background:#fffffff2;border-radius:12px;padding:12px 16px;display:grid;gap:3px;box-shadow:0 5px 20px #061c2533}
.wh-v4 .wh-photo-note strong{font-size:13px;color:#102d44}.wh-v4 .wh-photo-note small{font-size:11px;color:#577181}
.wh-v4 .wh4-cover{background:#e0eef1!important;height:160px!important}
.wh-v4 .wh4-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#071d2930);pointer-events:none}
.wh-v4 .wh4-cover .wh-photo-cover{position:absolute;inset:0;transition:transform .25s ease}
.wh-v4 .wh4-webinar-card:hover .wh-photo-cover{transform:scale(1.045)}
.wh-v4 .wh4-cover .wh4-date,.wh-v4 .wh4-cover .wh4-price{z-index:2}
.wh-v4 .wh4-catalogue{padding-top:28px}.wh-v4 .wh4-webinar-card{box-shadow:0 8px 23px #152e3a0b;border-radius:13px}
.wh-v4 .wh4-webinar-content{padding:15px}.wh-v4 .wh4-webinar-content h3{font-size:16px}
.wh-v4 .fpd-signin__hero,.wh-v4 .auth-art.registration-context,.wh-v4 .recovery-brand{background:linear-gradient(180deg,#f7fcfcf5,#edf8f9ec),url("https://www.ajot.com/images/uploads/article/oniline-course-1.jpg") center / cover!important;position:relative}
.wh-v4 .fpd-signin__hero:after,.wh-v4 .auth-art.registration-context:after,.wh-v4 .recovery-brand:after{content:""!important;display:block!important;position:relative!important;width:100%!important;min-height:220px!important;background:url("https://aulavirtual.odontounca.edu.py/pluginfile.php/1/theme_moove/sliderimage1/1774004853/estudiante-con-portatil-que-tiene-clases-en-linea-en-casa.jpg") center / cover no-repeat!important;border-radius:18px!important;margin:24px 0 0!important;opacity:1!important;transform:none!important}
.wh-v4 .auth-art.registration-context:after{min-height:260px!important;background-image:url("https://www.ajot.com/images/uploads/article/oniline-course-1.jpg")!important}
.wh-v4 .recovery-brand:after{background-image:url("https://content-webapi.tuni.fi/image-style/landscape/proxy/public/2020-04/etatyopiste-070420-jr-01.jpg?itok=-aw0icoJ")!important}
.wh-v4 .fpd-signin__hero-content,.wh-v4 .recovery-brand-content{position:relative;z-index:2}
.wh-v4 .concept-detail-art{background-image:linear-gradient(180deg,#10334a22,#10334a55),url("https://images.squarespace-cdn.com/content/v1/62e837a8b8c2ac4e11367421/1776973854794-GY2QDSJPP3HXLA9CZW3X/business-video-call-laptop.jpg?format=1000w");background-size:cover;background-position:center}
.wh-v4 .concept-registered-image{background-image:url("https://aulavirtual.odontounca.edu.py/pluginfile.php/1/theme_moove/sliderimage1/1774004853/estudiante-con-portatil-que-tiene-clases-en-linea-en-casa.jpg");background-position:center;background-size:cover}
.wh-v4 .concept-portal-menu,.wh-v4 .admin-sidebar{background:#103149!important}
.wh-v4 .concept-metrics>div,.wh-v4 .concept-registered-item,.wh-v4 .panel,.wh-v4 .concept-detail-panel{border-radius:14px}
.wh-v4 .wh4-webinar-card a:focus-visible,.wh-v4 .btn:focus-visible{outline:3px solid #5ccecb;outline-offset:3px}
@media(max-width:760px){.wh-v4 .wh4-hero{grid-template-columns:1fr!important}.wh-v4 .wh4-photo-hero{height:235px}.wh-v4 .wh4-webinar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-v4 .fpd-signin__hero:after,.wh-v4 .auth-art.registration-context:after,.wh-v4 .recovery-brand:after{min-height:150px!important}}
@media(max-width:520px){.wh-v4 .wh4-webinar-grid{grid-template-columns:1fr}.wh-v4 .wh4-photo-hero{height:210px}}
@media(prefers-reduced-motion:reduce){.wh-v4 .wh4-webinar-card:hover .wh-photo-cover{transform:none}}