.hero .chat-card>.bubble.user{opacity:1!important;animation:none!important}.portrait.photo-portrait{padding:0;overflow:hidden;background:none!important}.portrait.photo-portrait img{width:100%;height:100%;object-fit:cover;display:block}
/* Final visual corrections: keep the founder label below the photo and preserve contrast. */
.people-image{display:flex;flex-direction:column;align-items:center;gap:18px}
.people-image>img{display:block}
.people-image .name-card{position:static;align-self:center;width:min(430px,100%);margin:0;border-radius:16px;text-align:center}
.people-image .name-card span{font-size:13px}
.portrait.photo-portrait{width:68px!important;height:68px!important;border-radius:50%!important;padding:0!important}
.contact-icon.whatsapp{background:transparent!important;border:2px solid #38b776}
.contact-icon.whatsapp img{width:29px!important;height:29px!important;display:block}
.logos .ep-logo{width:150px!important;height:78px!important;object-fit:contain}
@media(max-width:800px){.logos .ep-logo{width:130px!important;height:72px!important}}
/* Proof: perfect circular crop for Isabel & Dani in the offer attribution. */
.offer-person .portrait.photo-portrait{display:block;flex:0 0 82px;width:82px!important;height:82px!important;aspect-ratio:1/1;border-radius:50%!important;overflow:hidden!important;padding:0!important;background:#0b302f url('https://educaenpositivo.com/wp-content/uploads/2026/08/Cabecera-Family-SOS-IsabelyDani.png') center/cover no-repeat!important}
.offer-person .portrait.photo-portrait img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%;}
/* WhatsApp proof: show only the original transparent mark, with no enclosing circle. */
.contact-icon.whatsapp{width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.contact-icon.whatsapp img{width:34px!important;height:34px!important;object-fit:contain;filter:none}
.contact-icon.whatsapp svg{display:block;width:34px;height:34px}
.contact-icon.whatsapp img{display:none!important}
/* Conversion CTA: persistently available and clearly tappable on every scroll position. */
.sticky-cta{transform:translateY(0)!important;animation:cta-pulse 3.2s ease-in-out infinite;white-space:nowrap}
@keyframes cta-pulse{0%,100%{box-shadow:0 12px 30px #123b3850}50%{box-shadow:0 14px 36px #ee845488;transform:translateY(-2px)!important}}
.offer-box .button{min-height:58px;white-space:nowrap;gap:10px}
@media(max-width:800px){.sticky-cta{left:14px;right:14px;bottom:14px;padding:15px 16px;font-size:15px}.offer-box .button{font-size:15px;padding:16px 14px;justify-content:center}.offer-box .button span{font-size:20px;margin-left:4px}}
/* CTA polish informed by mobile usability guidance: persistent, high-contrast, thumb-friendly, clear next action. */
.sticky-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;letter-spacing:.01em;animation:cta-breathe 3.8s ease-in-out infinite;will-change:transform,box-shadow}
.sticky-cta::after{content:'→';font-size:21px;line-height:1;transition:transform .25s ease}
.sticky-cta:hover::after{transform:translateX(4px)}
@keyframes cta-breathe{0%,100%{transform:translateY(0);box-shadow:0 12px 30px #123b3850}50%{transform:translateY(-2px);box-shadow:0 16px 34px #ee845470}}
.offer-box .button{min-height:58px;display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:12px;letter-spacing:.01em}
.offer-box .button span{transition:transform .25s ease}.offer-box .button:hover span{transform:translateX(4px)}
@media(max-width:800px){.sticky-cta{left:14px;right:14px;bottom:14px;width:auto;padding:15px 18px;font-size:15px;z-index:50}.offer-box .button{padding:16px 12px;font-size:15px;gap:9px}}
.sticky-cta::after{content:none!important}
/* Stronger mobile CTA treatment: clearly distinguishable, tactile and conversion-focused. */
.sticky-cta{height:60px!important;border:2px solid rgba(255,255,255,.72);background:linear-gradient(135deg,#f58c5a 0%,#ee704b 55%,#df5f43 100%)!important;box-shadow:0 10px 0 #b94935,0 18px 35px rgba(238,112,75,.45)!important;font-size:16px!important;letter-spacing:.01em;animation:cta-attention 4s ease-in-out infinite!important}
.sticky-cta::before{content:'✦';font-size:17px;color:#fff;animation:cta-spark 1.8s ease-in-out infinite}
@keyframes cta-attention{0%,72%,100%{transform:translateY(0) scale(1)}78%{transform:translateY(-3px) scale(1.025)}84%{transform:translateY(0) scale(1)}}
@keyframes cta-spark{0%,100%{opacity:.65;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(12deg)}}
@media(max-width:800px){.sticky-cta{height:58px!important;bottom:16px!important;border-radius:18px!important;padding:15px 20px!important}}
/* Mobile CTA v3: unmistakable visual priority with a restrained sheen. */
.sticky-cta{height:64px!important;border:3px solid #fff!important;border-radius:16px!important;background:#f27f52!important;box-shadow:0 5px 0 #b94d37,0 16px 32px rgba(7,38,34,.42),inset 0 1px 0 rgba(255,255,255,.55)!important;font-size:17px!important;overflow:hidden;isolation:isolate}
.sticky-cta::after{content:''!important;position:absolute;inset:0 auto 0 -45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.36),transparent);transform:skewX(-18deg);animation:cta-sheen 3.6s ease-in-out infinite;pointer-events:none}
@keyframes cta-sheen{0%,45%{left:-45%}72%,100%{left:125%}}
@media(max-width:800px){.sticky-cta{left:10px!important;right:10px!important;bottom:12px!important;height:62px!important;border-radius:16px!important}}
.tutorial-video{background:#f4fbf7;color:#0b3834;padding:72px 24px 76px;text-align:center}
.tutorial-video h2{max-width:720px;margin:12px auto 10px;font-size:clamp(30px,5vw,54px);line-height:1.02}
.tutorial-video p{margin:0 auto 28px;color:#557772;font-size:18px}
.tutorial-frame{max-width:380px;margin:0 auto;border-radius:28px;overflow:hidden;background:#082d2b;box-shadow:0 20px 45px rgba(7,38,34,.2);border:8px solid #0b3834}
.tutorial-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
@media(max-width:800px){.tutorial-video{padding:54px 18px 62px}.tutorial-video h2{font-size:31px}.tutorial-video p{font-size:16px}.tutorial-frame{max-width:280px;border-width:6px;border-radius:22px}}
/* Escritorio: el ecosistema debe usar todo el ancho; móvil conserva su flujo vertical. */
@media(min-width:801px){.ecosystem{display:block!important;padding-left:clamp(48px,9vw,150px)!important;padding-right:clamp(48px,9vw,150px)!important}.ecosystem:before{display:none!important}.ecosystem>.eyebrow,.ecosystem>h2,.ecosystem>.section-sub{max-width:1200px;margin-left:auto;margin-right:auto}.ecosystem>.eyebrow{margin-top:0}.ecosystem>h2{margin-top:18px}.ecosystem>.section-sub{margin-bottom:0}.ecosystem .features{max-width:1200px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(3,minmax(0,1fr))}}
