/* Portada de ePerformance en escritorio (02/10/2026).
   1 · «Tu presupuesto» se salía de la cápsula de la cabecera (35 px a 1440, hasta 139 px a 901): cápsula hasta 1280 px,
       el logo cede ancho si hace falta, el botón queda concéntrico (11 px por fuera, como arriba y abajo), teléfono y
       WhatsApp solo con icono hasta 1320 px (antes hasta 1200) y sin «Nuestros trabajos» hasta 1080 px.
   2 · Barra flotante WhatsApp · Llamar · Catálogo cuando la cabecera sale de la pantalla (contact-float-20261002.js).
   3 · Vídeo «Cómo funcionamos»: ocupaba el 84 % de la pantalla a 1440 px (113 % a 1920). Ahora como mucho el 62 % del alto
       de la pantalla y 1040 px de ancho, centrado, con el título de la sección alineado al vídeo. */
@media (min-width:901px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header-inner{max-width:1280px!important;padding-right:10px!important;gap:16px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .landing-wordmark{width:auto!important;flex:0 1 280px!important;min-width:150px!important}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header :is(.landing-desktop-nav,.landing-header-actions){flex:0 0 auto!important}
}
@media (min-width:901px) and (max-width:1320px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .ep-contact-links--compact span{display:none!important}
}
@media (min-width:901px) and (max-width:1200px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .landing-wordmark{flex-basis:230px!important}
}
@media (min-width:901px) and (max-width:1080px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .landing-header .landing-desktop-nav>a[href="#trabajos"]{display:none!important}
}

.ep-contact-float{display:none}
@media (min-width:901px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float{position:fixed;z-index:105;right:24px;bottom:24px;display:flex;align-items:center;gap:2px;padding:6px;border-radius:999px;
    background:rgba(30,30,33,.72);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
    border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 40px rgba(0,0,0,.45);
    opacity:0;visibility:hidden;transform:translateY(18px) scale(.96);transform-origin:100% 100%;
    transition:opacity .25s ease,transform .45s cubic-bezier(.32,.72,0,1),visibility 0s linear .45s}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .45s cubic-bezier(.32,.72,0,1),visibility 0s}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;
    color:#fff;font:600 14.5px/1 var(--ios-sf);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .2s}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a:active{transform:scale(.96)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:-2px}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float svg{width:19px;height:19px;flex:0 0 19px}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a+a{position:relative}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a+a::before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:1px;background:rgba(255,255,255,.12)}
  /* el aviso de cookies ocupa la parte de abajo: la barra espera a que se cierre */
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) body:has(#ep-cookie-banner:not([hidden])) .ep-contact-float{opacity:0;visibility:hidden}
}
@media (min-width:901px) and (hover:hover){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a:hover{background:rgba(255,255,255,.1)}
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a:hover::before,
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float a:hover+a::before{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-contact-float{transform:none!important;transition:opacity .01ms,visibility 0s!important}
}

@media (min-width:901px){
  :root.ep-ios:not(#ep-ios-x):not(.customer-teslize) .ep-howto>:is(.commerce-section-head,.promo-video){box-sizing:border-box;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
    width:min(100%,1040px);width:min(100%,1040px,calc(62svh * 16 / 9))}
}