/* Tu Plantilla · capa Estados Unidos (solo páginas /us/) · 11-sep-2026
   1) Rótulos que viven en CSS (content) traducidos.
   2) Los clientes de EE. UU. escriben por mensaje de texto o correo: los botones
      y avisos de las maquetas dejan el verde de WhatsApp y toman el azul de la marca.
   3) La burbuja de contacto es de correo: mismo componente, color de marca. */
.f01b-antes::before{content:"Today · "}
.f01b-despues::before{content:"With a website · "}
#t03-sietedias .t03-chat::before{content:"Messages · now";background:#eaeefe;color:#1d33c9}
.t03-chat-via{color:#2440ff}
.t03-foot-red--wsp{background:#2440ff;border-color:#2440ff;color:#fff}
.t03-ctamini--wsp,.t03-nav-cta,.t03-wspbtn,.f01-wsp-btn{background:#2440ff;color:#fff}
.wsp-fab{background:#2440ff}
.wsp-fab svg{width:26px;height:26px}
.wsp-head{background:linear-gradient(135deg,#1a2fd0,#2440ff)}
.wsp-input:focus{border-color:#2440ff}
.wsp-send{background:#2440ff}
/* Medido en inglés: el óvalo del hero abrazaba "approve" y pisaba "you" e "it"; el título de cierre rozaba el borde en teléfono */
#c01-hero .scribble{margin-inline:.06em}
#c01-hero .scribble-svg{left:-4%;width:108%}
@media (max-width:430px){.z02-title{font-size:min(2.4rem,9.2vw)}}
/* Burbuja flotante de las subpáginas: ahora es correo (ícono de sobre), color de marca */
a.px-burbuja{background:#2440ff}
a.px-burbuja svg{width:26px;height:26px;fill:#fff}
/* Medido en inglés (11-sep): en teléfono "website" quedaba 63-66% encima del aro blanco del cierre (texto blanco sobre aro blanco).
   El aro se corre 35 px (la escena lo mide al iniciar y el efecto real es ~70 px) hacia arriba y a la derecha. !important porque GSAP escribe translate:none en línea. */
@media (max-width:430px){.z02-dona--blanca{translate:35px -35px !important}}

/* Auditoría 12-sep · la maqueta de chat no debe parecerse a WhatsApp: en EE. UU. el canal es el correo */
#t04b-chat .t04b-top{background:#1a2fd0}
#t04b-chat .t04b-hilo{background:#f4f6ff;background-image:none}
#t04b-chat .t04b-dia{background:#e3e8ff;color:#1d33c9}
#t04b-chat .t04b-burbuja--cliente{background:#eaeefe}
#t04b-chat .t04b-burbuja--cliente::after{border-top-color:#eaeefe}
#t04b-chat .t04b-check{color:#2440ff}
#t04b-chat .t04b-input{background:#eef1ff}
#t04b-chat .t04b-mic{background:#2440ff;color:#fff;box-shadow:0 2px 6px rgba(36,64,255,.4)}
#t04b-chat .t04b-caso.is-live{border-color:#2440ff}
#t04b-chat .t04b-caso.is-live .t04b-caso-ico{background:rgba(36,64,255,.18)}
/* Barras fijas del teléfono: lienzo-paginas.css les pone position:relative y dejaban de acompañar el scroll (y ensanchaban /us/pricing/ 13 px) */
@media (max-width:760px){.px-sticky{position:fixed;z-index:140}}
@media (max-width:767.9px){.cta-sticky{position:fixed;z-index:60}}
/* Aviso de éxito del hero: en teléfono el cohete tapaba el inicio del correo */
@media (max-width:760px){#c01-hero .c01-ok{margin-bottom:1.5rem}}
/* Tickets de la maqueta de pedidos: cada dato en su propia línea */
.pedido-datos{display:block}
/* Sin guiones largos, también en los íconos de ventana */
.window-dots::before{content:"✕ ▢ −"}