/* Espuni Marketing · elementos comunes, 28-10-2026 */
:root{--esp-navy:#101B2B;--esp-lime:#C7FF00;--esp-pink:#B6266A}
.espuni-sitehead,.espuni-sitehead *{box-sizing:border-box}
.espuni-sitehead{position:relative;isolation:isolate;z-index:100;background:#fff;color:var(--esp-navy);font-family:Inter,Arial,sans-serif;line-height:1.2}
.espuni-sitehead .esp-topbar{height:30px;border-bottom:1px solid #e6e8ef;display:flex;align-items:center;justify-content:flex-end;padding:0 max(22px,calc((100vw - 1190px)/2));font-size:11px;color:#657084;font-weight:600}
.espuni-sitehead .esp-topbar a{color:inherit;text-decoration:none}
.espuni-sitehead .esp-navrow{width:min(1190px,calc(100% - 48px));min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.espuni-sitehead .esp-logo{display:flex;flex:0 0 auto;align-items:center;text-decoration:none}
.espuni-sitehead .esp-logo img{width:155px;max-height:62px;object-fit:contain}
.espuni-sitehead .esp-navlinks{display:flex;gap:26px;align-items:center}
.espuni-sitehead .esp-navlinks a,.espuni-sitehead .esp-navlinks summary{font:700 14px Inter,Arial,sans-serif;color:var(--esp-navy);text-decoration:none;cursor:pointer}
.espuni-sitehead .esp-navlinks>a[aria-current=page]{color:var(--esp-pink)}
.espuni-sitehead .esp-navlinks .esp-contact-link{background:var(--esp-lime);padding:13px 22px;border-radius:999px}
.espuni-sitehead .esp-top-action{border-radius:999px;padding:14px 22px;background:var(--esp-navy);color:#fff;text-decoration:none;font:700 13px Inter,Arial,sans-serif;white-space:nowrap}
.espuni-sitehead .esp-subnav{position:relative}
.espuni-sitehead .esp-subnav>summary{list-style:none}
.espuni-sitehead .esp-subnav>summary::-webkit-details-marker{display:none}
.espuni-sitehead .esp-subnav>summary:after{content:'⌄';margin-left:5px;color:#616a7a}
.espuni-sitehead .esp-subnav-panel{display:flex;flex-direction:column;gap:12px;position:absolute;top:calc(100% + 16px);left:0;width:300px;padding:21px;border:1px solid #e7e9ee;background:white;border-radius:14px;box-shadow:0 10px 35px #101B2B20;z-index:120}
.espuni-sitehead .esp-subnav:not([open]) .esp-subnav-panel{display:none}
.espuni-sitehead .esp-subnav-panel a{font-size:13px;font-weight:500;line-height:1.4}
.espuni-sitehead .esp-subnav-panel span{font-size:11px;color:#737e8f;text-transform:uppercase;letter-spacing:.04em;margin-top:7px}
.espuni-sitehead .esp-mob{display:none}
.espuni-wa-float{position:fixed!important;right:22px!important;bottom:22px!important;z-index:1999!important;display:grid!important;place-items:center!important;background:#25d366!important;color:white!important;border-radius:50%!important;width:58px!important;height:58px!important;box-shadow:0 7px 26px #101B2B30!important;text-decoration:none!important}
.espuni-wa-float svg{width:29px!important;height:29px!important;fill:currentColor!important}
.espuni-scroll-control{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1800;width:49px;height:49px;display:grid;place-items:center;border:1px solid #ecedf1;background:#fff;color:var(--esp-pink);border-radius:50%;box-shadow:0 6px 24px #101B2B20;cursor:pointer}
.espuni-scroll-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;transition:transform .2s}.espuni-scroll-control.is-up svg{transform:rotate(180deg)}
.espuni-shared-form{background:#fff;border-top:1px solid #dfe2e9;padding:76px 24px 82px;font-family:Inter,Arial,sans-serif;color:var(--esp-navy)}
.espuni-shared-form-wrap{width:min(1140px,100%);margin:auto;display:grid;grid-template-columns:minmax(0, .72fr) minmax(0,1.28fr);gap:clamp(36px,7vw,125px);align-items:start}
.espuni-shared-form h2{font-size:clamp(42px,4.5vw,66px);line-height:1.04;letter-spacing:-.055em;font-weight:700;margin:0;max-width:450px;color:#101B2B}
.espuni-form-fields{display:grid;gap:19px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.espuni-form-fields label{display:block;font:700 13px Inter,Arial,sans-serif;color:#101B2B}
.espuni-form-fields input:not([type=checkbox]),.espuni-form-fields textarea{display:block;width:100%;background:#fff;border:1px solid #d9d9db;border-radius:15px;padding:16px 17px;font:400 15px Inter,Arial,sans-serif;color:#101B2B;margin-top:8px;outline-offset:3px}
.espuni-form-fields textarea{resize:vertical;min-height:134px}
.espuni-form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.espuni-form-fields .espuni-accept{display:flex;align-items:flex-start;gap:9px;font:400 12px/1.6 Inter,Arial,sans-serif;color:#4f5866}
.espuni-form-fields .espuni-accept input{margin:4px 0 0}
.espuni-form-fields .espuni-accept a{color:inherit;text-decoration:underline;font-weight:700}
.espuni-form-fields button{justify-self:start;padding:14px 24px;background:#101B2B;color:#fff;border:0;border-radius:999px;font:700 14px Inter,Arial,sans-serif;cursor:pointer}
.espuni-form-fields .espuni-form-note{margin:0;font-size:12px;color:#606976;line-height:1.5}
.espuni-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Encabezados: una misma altura y escala visual en toda la web, sin alterar recursos. */
html body :is(.hero,.detail-hero,.services-video-banner,.sector-hero,.espuni-about-hero,.contact-hero,.hero-video-banner):has(h1){min-height:clamp(440px,66vh,680px)}
html body :is(.hero,.detail-hero,.services-video-banner,.sector-hero,.espuni-about-hero,.contact-hero,.hero-video-banner) h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(45px,5.5vw,82px)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.055em!important}
html body :is(.cta,.detail-cta,.end-cta){min-height:255px;display:flex;align-items:center;padding-top:60px!important;padding-bottom:60px!important;box-sizing:border-box}
html body :is(.cta,.detail-cta,.end-cta) h2{font-size:clamp(32px,3.5vw,48px)!important;line-height:1.08!important}
@media(max-width:800px){
 .espuni-sitehead .esp-navlinks,.espuni-sitehead .esp-top-action{display:none}
 .espuni-sitehead .esp-navrow{height:82px;min-height:82px;width:calc(100% - 38px)}
 .espuni-sitehead .esp-logo img{width:142px}
 .espuni-sitehead .esp-mob{display:block;position:static}
 .espuni-sitehead .esp-mob>summary{list-style:none;cursor:pointer;background:var(--esp-lime);color:var(--esp-navy);border-radius:999px;padding:13px 17px;font:700 15px Inter,Arial,sans-serif;position:relative;z-index:2201}
 .espuni-sitehead .esp-mob>summary::-webkit-details-marker{display:none}
 .espuni-sitehead .esp-mob>summary .esp-close{display:none}
 .espuni-sitehead .esp-mob[open]>summary{position:fixed;right:24px;top:45px;background:transparent;color:white;padding:10px 12px;font-size:25px}
 .espuni-sitehead .esp-mob[open]>summary .esp-open{display:none}
 .espuni-sitehead .esp-mob[open]>summary .esp-close{display:inline}
 .espuni-sitehead .esp-mob-panel{display:none}
 .espuni-sitehead .esp-mob[open] .esp-mob-panel{display:block;position:fixed;inset:0;overflow-y:auto;background:#101B2B;color:#fff;z-index:2200;padding:45px 7vw 80px;min-height:100dvh;overscroll-behavior:contain}
 .espuni-sitehead .esp-mob-panel .esp-mob-logo{display:block;margin:10px 0 50px}
 .espuni-sitehead .esp-mob-panel .esp-mob-logo img{width:150px;max-height:75px;object-fit:contain}
 .espuni-sitehead .esp-mob-panel>a:not(.esp-mob-logo),.espuni-sitehead .esp-mob-panel>.esp-mob-services>summary{display:block;font:500 clamp(22px,5.5vw,31px)/1.25 Inter,Arial,sans-serif;color:#fff;text-decoration:none;text-transform:none;letter-spacing:0;padding:19px 0;border-bottom:1px solid #ffffff40}
 .espuni-sitehead .esp-mob-services>summary{list-style:none;cursor:pointer}
 .espuni-sitehead .esp-mob-services>summary::-webkit-details-marker{display:none}
 .espuni-sitehead .esp-mob-services>summary:before{content:'+';color:var(--esp-lime);margin-right:24px}
 .espuni-sitehead .esp-mob-services[open]>summary:before{content:'−'}
 .espuni-sitehead .esp-mob-links{display:flex;flex-direction:column;padding:12px 0 18px 34px;gap:14px}
 .espuni-sitehead .esp-mob-links a{font:400 16px/1.5 Inter,Arial,sans-serif;color:#fff;text-decoration:none}
 .espuni-sitehead .esp-mob-links span{font:600 12px Inter,Arial,sans-serif;text-transform:uppercase;color:#cad0da}
 .espuni-shared-form{padding:58px 20px}
 .espuni-shared-form-wrap{grid-template-columns:1fr;gap:34px}
 .espuni-shared-form h2{font-size:clamp(39px,10vw,56px)}
 .espuni-form-two{grid-template-columns:1fr}
 html body :is(.hero,.detail-hero,.services-video-banner,.sector-hero,.espuni-about-hero,.contact-hero,.hero-video-banner):has(h1){min-height:460px}
 html body :is(.hero,.detail-hero,.services-video-banner,.sector-hero,.espuni-about-hero,.contact-hero,.hero-video-banner) h1{font-size:clamp(40px,9vw,56px)!important}
}

html.espuni-menu-open{overflow:hidden}

.espuni-blog{--ink:#101B2B;--pink:#B6266A;--lime:#C7FF00;color:var(--ink);font-family:Inter,Arial,sans-serif}
.espuni-blog-hero{padding:95px 22px 55px;background:#fff}
.espuni-blog-container{width:min(1160px,calc(100% - 36px));margin:0 auto}
.espuni-blog-eyebrow{font-size:12px;font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:.12em;margin:0 0 16px}
.espuni-blog h1{font-size:clamp(54px,8vw,112px);line-height:.96;letter-spacing:-.06em;margin:0 0 24px}
.espuni-blog .blog-lead{max-width:630px;color:#5e6878;font-size:19px;line-height:1.6}
.espuni-blog-section{padding:40px 22px 96px}
.espuni-blog-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}
.espuni-blog-card{display:block;text-decoration:none;color:#fff;background:#B6266A;overflow:hidden;border-radius:12px;transition:transform .18s}
.espuni-blog-card:hover{transform:translateY(-3px)}
.espuni-blog-card img{display:block;width:100%;height:315px;object-fit:cover}
.espuni-blog-card .blog-card-copy{padding:28px 30px 34px}
.espuni-blog-card .blog-card-copy small{font-size:12px;opacity:.86;letter-spacing:.04em;text-transform:uppercase;font-weight:700}
.espuni-blog-card h2{font-size:clamp(25px,3vw,39px);line-height:1.12;letter-spacing:-.035em;margin:14px 0}
.espuni-blog-card p{font-size:15px;line-height:1.6;margin:0;color:#fff}
.espuni-blog-article{width:min(760px,calc(100% - 36px));margin:0 auto;padding:65px 0 100px}
.espuni-blog-article h1{font-size:clamp(40px,7vw,72px)}
.espuni-blog-article h2{font-size:clamp(26px,4vw,37px);letter-spacing:-.035em;margin:52px 0 19px}
.espuni-blog-article p,.espuni-blog-article li{font:400 18px/1.8 Inter,Arial,sans-serif;color:#445064}
.espuni-blog-back{color:#B6266A;text-decoration:none;font-weight:700}
@media(max-width:760px){.espuni-blog-hero{padding-top:60px}.espuni-blog-grid{grid-template-columns:1fr}.espuni-blog-card img{height:250px}}


/* 2026-10-28 ajustes rápidos */
.espuni-wa-float{line-height:0!important;overflow:hidden!important}
.espuni-wa-float svg{width:27px!important;height:27px!important;display:block!important;fill:currentColor!important}
.espuni-otros-servicios{border-top:1px solid #dfe2e9}

/* Navegación única · Evita que las reglas nav genéricas de Servicios deformen la cabecera de la Home. */
.espuni-sitehead nav.esp-navlinks{
 width:auto!important;min-width:0!important;max-width:none!important;
 flex:0 0 auto!important;justify-content:flex-start!important;
 height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;
}
.espuni-sitehead nav.esp-mob-panel{width:auto!important;height:auto!important;min-height:0!important}
@media(max-width:800px){
 .espuni-sitehead .esp-mob[open] nav.esp-mob-panel{
  width:100vw!important;height:100dvh!important;min-height:100dvh!important;
  margin:0!important;max-width:none!important;
 }
}