:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f7f9fc;--line:#e0e6ef;--blue:#3357d6;--muted:#667085}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 12% 5%,#eeecff80,transparent 42%),radial-gradient(ellipse at 96% 30%,#dffbf480,transparent 40%),#f7f9fc}a{color:inherit}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;left:15px;z-index:100;background:white;padding:12px}
.site-header{position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{width:min(1280px,calc(100% - 48px));height:76px;display:flex;align-items:center;gap:30px;margin:auto}.brand{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none}.brand img{object-fit:contain}.header-nav{display:flex;gap:28px;align-items:center}.header-nav>a{text-decoration:none;color:#475467;font-size:.92rem;font-weight:750}.header-nav>a[aria-current],.header-nav>a:hover{color:var(--blue)}.header-account-link{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:.8rem;font-weight:750;padding:11px 15px;border:1px solid #dbe2ef;border-radius:12px;background:white;white-space:nowrap}.header-account-link svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}
main{width:min(1180px,calc(100% - 48px));margin:auto;padding-bottom:80px}.social-hero{padding:clamp(60px,8vw,110px) 0 70px;max-width:900px}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin:0 0 17px}.social-hero h1{margin:0;max-width:850px;font-size:clamp(3rem,6.5vw,5.5rem);letter-spacing:-.06em;line-height:1.02}.social-hero>p:not(.eyebrow){max-width:590px;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:23px 0}.hero-contact{display:inline-flex;gap:26px;align-items:center;padding:12px 19px;border-radius:999px;background:#17213b;color:white;text-decoration:none;font-size:.86rem;font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.04em}.section-heading>span{color:var(--muted);font-size:.83rem}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.social-card{display:block;overflow:hidden;background:white;border:1px solid var(--line);border-radius:22px;text-decoration:none;box-shadow:0 12px 40px #23396308;transition:transform .2s,box-shadow .2s}.social-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #23396315}.social-thumbnail{position:relative;aspect-ratio:16/10;background:#0b111d;overflow:hidden}.social-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.social-card:hover .social-thumbnail>img{transform:scale(1.04)}.network-mark{position:absolute;left:18px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff30;border-radius:12px;color:white;background:#ffffff18;backdrop-filter:blur(14px);font-size:30px;font-weight:800}.network-mark svg{width:24px;height:24px;stroke:white;stroke-width:1.8;fill:none}.social-card-copy{padding:23px}.network-label{font-size:.75rem;font-weight:750;color:var(--muted)}.social-card h3{margin:9px 0 23px;font-size:1.16rem;letter-spacing:-.025em;line-height:1.35}.visit-link{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:.8rem;font-weight:750}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:64px;padding:clamp(25px,4vw,48px);border:1px solid #cfe8e2;border-radius:26px;background:linear-gradient(125deg,#edfaf5,#f1f5fe);scroll-margin-top:100px}.contact-intro h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.14;letter-spacing:-.045em;margin:0}.contact-intro>p:last-child{max-width:370px;color:var(--muted);font-size:.9rem;line-height:1.6;margin:18px 0 0}.contact-options{display:grid;gap:12px}.contact-card{display:flex;align-items:center;gap:15px;padding:20px;background:#ffffffc9;border:1px solid #dce5e9;border-radius:17px;text-decoration:none;transition:border-color .2s,background .2s}.contact-card:hover{border-color:#62baa8;background:white}.contact-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#eef2fb;color:var(--blue);font-size:24px}.whatsapp .contact-icon{background:#e2f8ed;color:#168965}.contact-card>span:nth-child(2){min-width:0;flex:1;display:grid;gap:4px}.contact-card strong{font-size:.9rem}.contact-card small{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}a:focus-visible{outline:3px solid #a4b9f5;outline-offset:4px}
@media(max-width:1000px){.header-nav{gap:17px}.header-nav>a{font-size:.8rem}.header-inner{gap:20px}.social-grid{gap:15px}.social-card-copy{padding:19px}.contact-panel{gap:25px}}
@media(max-width:800px){.header-nav>*:not([aria-current]){display:none}.header-inner{gap:15px}.social-grid{grid-template-columns:1fr}.social-card{display:grid;grid-template-columns:42% 1fr}.social-thumbnail{aspect-ratio:auto;min-height:190px}.social-card-copy{display:flex;flex-direction:column;justify-content:center}.social-card h3{margin-bottom:20px}.contact-panel{grid-template-columns:1fr}.social-hero{padding-bottom:45px}.contact-panel{margin-top:38px}.brand img:last-child{width:132px}.brand img:first-child{width:34px;height:34px}}
@media(max-width:480px){main,.header-inner{width:calc(100% - 32px)}.header-account-link{padding:9px}.header-account-link span{display:none}.header-nav{margin-left:auto}.brand{gap:6px}.brand img:last-child{width:117px}.social-card{display:block}.social-thumbnail{aspect-ratio:16/9;min-height:0}.social-card-copy{padding:22px}.social-hero h1{font-size:2.9rem}.social-hero>p:not(.eyebrow){font-size:1rem}.section-heading>span{font-size:.72rem}.contact-card{padding:15px;gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.social-card,.social-thumbnail>img{transition:none}}

/* Distinct, locally hosted previews for each official channel. */
.facebook .social-thumbnail{background:radial-gradient(circle at 72% 25%,#4380ff,#183a8d 68%,#132958)}
.instagram .social-thumbnail{background:radial-gradient(circle at 78% 20%,#f5bc77,#c34d86 53%,#6137a7)}
.tiktok .social-thumbnail{background:radial-gradient(circle at 72% 20%,#343963,#101522 64%,#080b12)}
.social-thumbnail>img{object-fit:contain;padding:16px 30px;filter:drop-shadow(0 16px 23px #06123955)}
.tiktok-thumbnail>img{width:55%;height:80%;margin:4% auto;padding:0;filter:brightness(0) invert(1) drop-shadow(10px 8px 0 #ec407a)}
.network-mark{z-index:1}
@media(max-width:940px){.header-nav>.products-dropdown{display:block}.header-nav>a[href="/social/"],.header-nav>a[href="/servicios/"],.header-nav>a[href="/soporte/"]{display:inline-flex!important}}
@media(max-width:430px){.header-nav>a[href="/servicios/"]{display:none!important}}

/* Las redes son la portada de Social, sin un bloque introductorio aparte. */
.social-networks{padding-top:clamp(32px,5vw,64px)}
.social-networks .section-heading{max-width:none;margin:0 0 30px;text-align:left;align-items:end}
.social-networks .section-heading .eyebrow{margin:0 0 10px}
.social-networks .section-heading h1{margin:0;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.08}
.social-networks .section-heading>span{padding-bottom:7px;font-weight:600}
@media(max-width:620px){.social-networks{padding-top:28px}.social-networks .section-heading{margin-bottom:22px;align-items:start}.social-networks .section-heading h1{font-size:clamp(2rem,8vw,2.7rem)}}
@media(max-width:380px){.social-networks .section-heading{display:block}.social-networks .section-heading>span{display:block;margin-top:8px}}