/* Identidad 2026: Antracita #23282A, Gold #F6D018, blanco y Acid Grotesk.
   Se carga la última para redefinir los colores y la tipografía heredados de Elementor/Astra. */
@font-face{font-family:"Acid Grotesk";src:url("assets/brand/acid-grotesk-normal.otf") format("opentype");font-weight:100 500;font-style:normal;font-display:swap}

:root,body[class]{
  --ut-antracita:#23282A;
  --ut-antracita-deep:#1B1F21;
  --ut-antracita-soft:#2F3538;
  --ut-gold:#F6D018;
  --ut-gold-dark:#D9B70F;
  --ut-white:#FFFFFF;
  --ut-paper:#F4F5F5;
  --ut-line:#D8DBDC;
  --ut-muted:#5C6366;
  --ut-font:"Acid Grotesk",Arial,sans-serif;

  /* Colores globales de Elementor */
  --e-global-color-primary:var(--ut-antracita);
  --e-global-color-text:var(--ut-antracita);
  --e-global-color-secondary:var(--ut-gold);
  --e-global-color-accent:var(--ut-gold);
  --e-global-color-73850b6:var(--ut-gold);
  --e-global-color-fb9d614:var(--ut-gold);
  --e-global-color-9e80a11:var(--ut-antracita-deep);
  /* Colores globales de Astra */
  --e-global-color-astglobalcolor0:var(--ut-gold);
  --e-global-color-astglobalcolor1:var(--ut-gold-dark);
  --e-global-color-astglobalcolor2:var(--ut-antracita);
  --e-global-color-astglobalcolor3:var(--ut-muted);
  --e-global-color-astglobalcolor4:var(--ut-paper);
  --e-global-color-astglobalcolor6:var(--ut-antracita-deep);
  --ast-global-color-0:var(--ut-gold);
  --ast-global-color-1:var(--ut-gold-dark);
  --ast-global-color-2:var(--ut-antracita);
  --ast-global-color-3:var(--ut-muted);
  --ast-global-color-4:var(--ut-paper);
  /* Paleta de bloques */
  --wp--preset--color--ink:var(--ut-antracita);
  --wp--preset--color--paper:var(--ut-paper);
  --wp--preset--color--yellow:var(--ut-gold);
  --wp--preset--color--muted:var(--ut-muted);
  /* Tipografía global */
  --e-global-typography-primary-font-family:"Acid Grotesk";
  --e-global-typography-secondary-font-family:"Acid Grotesk";
  --e-global-typography-text-font-family:"Acid Grotesk";
  --e-global-typography-accent-font-family:"Acid Grotesk";
  --wp--preset--font-family--gotham:var(--ut-font);
}

/* Acid Grotesk en todo el texto (los iconos de Font Awesome/Elementor conservan su fuente). */
body,
body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,dt,dd,button,input,select,textarea,label,strong,em,b,small,div,td,th,figcaption,blockquote,q,summary,legend):not([class*="fa-"]):not(.fa,.fas,.far,.fab):not([class*="eicon"]){
  font-family:var(--ut-font)!important;
}
/* La marca solo tiene peso regular: los titulares se muestran en regular, como en la guía de estilo. */
body :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-cta__title,.ut-guide-copy h2){font-weight:400!important}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Fondos oscuros fijos del diseño anterior → antracita */
.elementor-background-video-container{background-color:var(--ut-antracita)}
body .elementor-element-72e1b96,
body .elementor-location-footer,
body .ut-footer-brand,
body .ut-guide-reopen,
body .ut-article-page{background-color:var(--ut-antracita)}
body .elementor-element-da017cd{background-color:var(--ut-antracita-deep)!important}
body .elementor-element-e21540f::before{background-color:var(--ut-antracita-deep)!important}
body .elementor-element-da017cd::before{background-color:var(--ut-antracita)!important}
body .elementor-cta__title,body .elementor-cta__description{color:var(--ut-antracita)!important}
body .ut-guide-reopen{color:var(--ut-white)}
body .ut-guide-reopen a:hover{color:var(--ut-gold)}

/* Acentos */
::selection{background:var(--ut-gold);color:var(--ut-antracita)}
body .elementor-divider-separator{border-color:var(--ut-gold)}
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item:focus{color:var(--ut-gold)!important}
.elementor-location-header .elementor-nav-menu--main .elementor-item::after{background-color:var(--ut-gold)!important}
body .elementor-button,
body .elementor-cta__button{background-color:var(--ut-gold)!important;color:var(--ut-antracita)!important;border-color:var(--ut-gold)!important}
body .elementor-button:hover,
body .elementor-cta__button:hover{background-color:var(--ut-white)!important;border-color:var(--ut-white)!important}
.ut-article-body a{color:var(--ut-gold)}

/* Popup «Mi primer día»: bloque dorado con texto antracita (como la guía de marca) */
dialog.ut-guide-popup{background:var(--ut-gold);color:var(--ut-antracita);font-family:var(--ut-font)}
.ut-guide-close{color:var(--ut-antracita)!important}
.ut-guide-close:focus-visible{outline-color:var(--ut-antracita)}
.ut-guide-copy h2{color:var(--ut-antracita);text-transform:uppercase;letter-spacing:.01em}
.ut-guide-copy p{color:var(--ut-antracita)}
.ut-guide-copy .ut-guide-download{border-color:var(--ut-antracita);color:var(--ut-antracita);font-family:var(--ut-font);font-weight:400}
.ut-guide-download:hover,.ut-guide-download:focus-visible{background:var(--ut-antracita)!important;color:var(--ut-gold)!important}
.ut-guide-popup::backdrop{background:#23282ACC}

/* Menú móvil desplegado */
@media(max-width:1024px){
 #page .elementor-location-header .elementor-nav-menu--dropdown.replica-open{background:var(--ut-antracita)!important}
 .elementor-location-header .elementor-nav-menu--dropdown.replica-open a{color:var(--ut-white)!important;border-bottom-color:var(--ut-antracita-soft)!important}
 .elementor-location-header .elementor-nav-menu--dropdown.replica-open a:hover{color:var(--ut-gold)!important}
}

/* Texto de contacto del pie: legible sobre antracita */
body .replica-form-note{color:var(--ut-white)!important}
body .replica-form-note a{color:var(--ut-gold)!important;text-decoration:underline;text-underline-offset:3px}

/* Título principal de las páginas legales */
body .ut-legal-title{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 28px;color:inherit;text-transform:none;letter-spacing:-.01em}

/* Aviso de cookies */
.ut-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:100000;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:18px 22px;background:var(--ut-antracita);color:var(--ut-white);border-top:3px solid var(--ut-gold);box-shadow:0 12px 40px #0006;font-size:14px;line-height:1.5}
.ut-cookies[hidden]{display:none}
.ut-cookies p{flex:1 1 320px;margin:0;color:var(--ut-white)}
.ut-cookies a{color:var(--ut-gold);text-decoration:underline;text-underline-offset:3px}
.ut-cookies-actions{display:flex;gap:10px}
.ut-cookies button{min-height:44px;padding:10px 20px;border:1px solid var(--ut-white);background:transparent;color:var(--ut-white);font:inherit;cursor:pointer;border-radius:0}
.ut-cookies button[data-ut-cookies="accept"]{background:var(--ut-gold);border-color:var(--ut-gold);color:var(--ut-antracita)}
.ut-cookies button:hover,.ut-cookies button:focus-visible{background:var(--ut-white);border-color:var(--ut-white);color:var(--ut-antracita)}

/* Mapa bloqueado hasta aceptar cookies */
.ut-consent-embed{position:relative;width:100%;min-height:300px;background:var(--ut-antracita-soft)}
.ut-consent-embed iframe{display:block;width:100%;min-height:300px;border:0}
.ut-consent-embed:not(.is-loaded) iframe{visibility:hidden}
.ut-consent-embed.is-loaded .ut-consent-placeholder{display:none}
.ut-consent-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--ut-white)}
.ut-consent-placeholder{line-height:1.5}/* el contenedor del mapa de Elementor pone line-height:0 */
.ut-consent-placeholder p{margin:0;max-width:340px;color:var(--ut-white);line-height:1.5}
.ut-consent-placeholder button{min-height:44px;padding:10px 20px;border:0;background:var(--ut-gold);color:var(--ut-antracita);font:inherit;cursor:pointer;border-radius:0}
.ut-consent-placeholder a{color:var(--ut-white);text-decoration:underline;text-underline-offset:3px}

/* WhatsApp flotante: en todas las páginas, salvo en móvil en las de servicio (ya tienen su barra inferior)
   y mientras el aviso de cookies está abierto. */
.joinchat{display:block!important;position:fixed!important;left:auto!important;top:auto!important;right:20px!important;bottom:20px!important;z-index:9999;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
.joinchat>:not(.joinchat__button){display:none!important}
.joinchat__button{width:58px;height:58px;border-radius:50%;cursor:pointer;box-shadow:0 6px 20px #0005;transition:transform .15s;
  background:#25D366 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center/30px no-repeat}
.joinchat__button:hover,.joinchat__button:focus-visible{transform:scale(1.06)}
.joinchat__button:focus-visible{outline:3px solid var(--ut-gold);outline-offset:3px}
html.ut-cookies-open .joinchat{display:none!important}
@media(max-width:900px){.ut-service-page .joinchat{display:none!important}}

/* Landings: format, colors i tipografia a service-brand.css (versió fosca de les landings de Netlify amb la marca). */

/* Guia «El primer dia» destacada a la portada: franja clara i sòbria entre dues seccions fosques,
   amb una línia gold fina com a únic accent. */
.ut-guide-cta{background:var(--ut-paper);color:var(--ut-antracita);padding:clamp(48px,7vw,96px) 20px;border-top:1px solid var(--ut-line);border-bottom:1px solid var(--ut-line)}
.ut-guide-cta-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.ut-guide-cta img{display:block;width:100%;height:auto;max-width:240px;box-shadow:0 24px 50px #23282A40}
.ut-guide-cta-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 14px!important;font-size:12px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--ut-muted)!important}
.ut-guide-cta-eyebrow::before{content:"";width:36px;height:1px;background:var(--ut-gold-dark)}
.ut-guide-cta h2{margin:0 0 18px!important;font-size:clamp(34px,5vw,56px)!important;line-height:1.05!important;color:var(--ut-antracita)!important;letter-spacing:-.01em}
.ut-guide-cta p{margin:0 0 30px;font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:var(--ut-muted)!important;max-width:540px}
.ut-guide-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 32px;background:var(--ut-antracita);color:var(--ut-white)!important;text-decoration:none;font-size:17px;letter-spacing:.02em;border:1px solid var(--ut-antracita);transition:background .2s,color .2s}
.ut-guide-cta-btn::after{content:"↓";color:var(--ut-gold)}
.ut-guide-cta-btn:hover,.ut-guide-cta-btn:focus-visible{background:transparent;color:var(--ut-antracita)!important}
.ut-guide-cta-btn:focus-visible{outline:2px solid var(--ut-antracita);outline-offset:3px}
@media(max-width:700px){
 .ut-guide-cta-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
 .ut-guide-cta img{max-width:170px}
 .ut-guide-cta-eyebrow{justify-content:center}
 .ut-guide-cta p{margin-inline:auto}
 .ut-guide-cta-btn{width:100%}
}
/* Bàner de tarifes a la portada (→ Crea el teu pla): caixa antracita dins la secció clara, acció en gold. */
.ut-plan-cta{padding:clamp(48px,7vw,88px) 20px 0;background:var(--ut-paper)}
.ut-plan-cta + .ut-guide-cta{border-top:0}
.ut-plan-cta-box{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px clamp(32px,5vw,72px);align-items:center;padding:clamp(28px,4vw,48px) clamp(24px,5vw,56px);background:var(--ut-antracita);color:var(--ut-white);border-left:3px solid var(--ut-gold)}
.ut-plan-cta-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 10px!important;font-size:12px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--ut-gold)!important}
.ut-plan-cta-eyebrow::before{content:"";width:28px;height:1px;background:var(--ut-gold)}
.ut-plan-cta h2{margin:0 0 10px!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.1!important;color:var(--ut-white)!important}
.ut-plan-cta p{margin:0;max-width:620px;font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:#C9CED0!important}
.ut-plan-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 30px;background:var(--ut-gold);color:var(--ut-antracita)!important;text-decoration:none;font-size:17px;white-space:nowrap;border:1px solid var(--ut-gold);transition:background .2s,border-color .2s}
.ut-plan-cta-btn:hover,.ut-plan-cta-btn:focus-visible{background:var(--ut-gold-dark);border-color:var(--ut-gold-dark)}
.ut-plan-cta-btn:focus-visible{outline:2px solid var(--ut-white);outline-offset:3px}
@media(max-width:760px){
 .ut-plan-cta-box{grid-template-columns:1fr}
 .ut-plan-cta-btn{width:100%}
}

/* Zones tàctils mínimes (44 px) als enllaços que queden sols en una línia. */
body .elementor-element-da017cd .elementor-icon-list-item > a,
.ut-service a.phone,
.ut-service .card a.more{display:inline-flex;align-items:center;min-height:44px}