/*
 * VARDA, cabecera y barra superior (todas las páginas).
 * La cabecera es un Layout Section de Avada (Fusion Builder); aquí solo se
 * sobrescribe su aspecto, sin tocar su contenido:
 *   .fusion-builder-row-1 = barra superior  |  .fusion-builder-row-2 = logo + menú
 * Paleta: gris #2d333b, menta #92c5bc, verde #346767.
 */

/* ---------- Barra superior: franja oscura de 34 px, contacto a la izquierda ---------- */
.fusion-tb-header .fusion-builder-row-1{
	background:#2d333b!important;--awb-background-color:#2d333b!important;
	padding-top:0!important;padding-bottom:0!important;--awb-padding-top:0px!important;--awb-padding-bottom:0px!important;
}
body #topbar-row-col .fusion-column-wrapper{justify-content:flex-start!important;align-items:center}
body #topbar-row-col ul{margin:0 22px 0 0!important}
/* teléfono, correo y LinkedIn a la izquierda; Accesibilidad sola a la derecha */
body #topbar-row-col ul:nth-of-type(3){margin-right:auto!important}
body #topbar-row-col ul:nth-of-type(4){margin-right:0!important}
/* icono pegado a su texto (Avada reserva un hueco fijo para el icono; aquí se anula) */
body #topbar-row-col .fusion-li-item{padding:0!important}
body #topbar-row-col .icon-wrapper{position:static!important;width:auto!important;height:auto!important;margin:0 7px 0 0!important;display:inline-flex!important;align-items:center}
body #topbar-row-col .fusion-li-item-content{margin:0!important;padding:0!important}
body #topbar-row-col .fusion-li-icon{font-size:13px!important;width:auto!important;line-height:1!important}
body #topbar-row-col .fusion-li-item,
body #topbar-row-col .fusion-li-item-content{display:flex;align-items:center}
body #topbar-row-col a,
body #topbar-row-col .fusion-li-item-content{font-size:13px!important;line-height:1!important;color:#e6eceb!important;text-decoration:none}
body #topbar-row-col a{display:inline-flex;align-items:center;min-height:34px}
/* hover en menta; el selector incluye .varda-link-underline para ganar a la regla
   inline del Builder que lo ponía en verde oscuro (#topbar-row-col .varda-link-underline:hover) */
body #topbar-row-col a:hover,
body #topbar-row-col a:focus-visible,
body #topbar-row-col a.varda-link-underline:hover,
body #topbar-row-col a.varda-link-underline:focus-visible{color:#92c5bc!important;text-decoration:underline;text-underline-offset:4px}
body #topbar-row-col .fusion-li-icon,
body #topbar-row-col .icon-wrapper svg{color:#92c5bc!important;fill:currentColor}
body #topbar-row-col p{margin:0!important}

/* ---------- Cabecera: menta de marca, sin marco, cristal y línea fina ---------- */
.fusion-tb-header .fusion-builder-row-2{
	border-style:solid!important;border-width:0 0 1px 0!important;border-color:rgba(45,51,59,.18)!important;
	background-color:rgba(146,197,188,.96)!important;--awb-background-color:rgba(146,197,188,.96)!important;--awb-sticky-background-color:rgba(146,197,188,.96)!important;
	-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
	padding-top:12px!important;padding-bottom:12px!important;--awb-padding-top:12px!important;--awb-padding-bottom:12px!important;
	transition:padding .25s ease,box-shadow .25s ease;
}
/* al hacer scroll se compacta y gana una sombra suave */
.fusion-tb-header .fusion-builder-row-2.fusion-container-stuck{
	padding-top:6px!important;padding-bottom:6px!important;--awb-padding-top:6px!important;--awb-padding-bottom:6px!important;
	box-shadow:0 10px 28px -18px rgba(45,51,59,.45);
}
/* Logo + "Consultoría e Ingeniería" en dos líneas a su derecha; ambos se reducen al compactarse.
   El texto es decorativo (el enlace ya se anuncia como "VARDA Consultoría e Ingeniería"). */
.fusion-tb-header .fusion-image-element{--awb-max-width:none!important;--awb-sticky-max-width:none!important;max-width:none!important}
.fusion-tb-header .fusion-image-element .fusion-no-lightbox{display:flex!important;align-items:center;gap:14px;text-decoration:none}
.fusion-tb-header .fusion-image-element img{width:200px!important;max-width:none!important;height:auto!important;transition:width .25s ease}
.fusion-tb-header .fusion-image-element .fusion-no-lightbox::after{
	content:"Consultoría\A e Ingeniería";white-space:pre;flex:none;
	padding-left:14px;border-left:1.5px solid rgba(45,51,59,.45);
	font:500 13px/1.3 "Poppins",Arial,sans-serif;color:#2d333b;letter-spacing:.01em;
	transition:font-size .25s ease,padding-left .25s ease}
.fusion-container-stuck .fusion-image-element img{width:160px!important}
.fusion-container-stuck .fusion-image-element .fusion-no-lightbox{gap:12px}
.fusion-container-stuck .fusion-image-element .fusion-no-lightbox::after{font-size:11.5px;padding-left:12px}

/* ---------- Menú ---------- */
.fusion-tb-header .awb-menu{--awb-gap:2px!important;--awb-border-bottom:0px!important;--awb-active-border-bottom:0px!important}
.fusion-tb-header .awb-menu__main-a{
	position:relative;font:500 15px/1 "Poppins",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
	padding:14px 14px!important;color:#2d333b!important;border:0!important;transition:color .2s;
}
.fusion-tb-header .awb-menu__main-a::after{
	content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;border-radius:2px;background:#2d333b;
	transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.21,.6,.35,1);
}
.fusion-tb-header .awb-menu__main-a:hover,
.fusion-tb-header .awb-menu__main-a:focus-visible{color:#1f2429!important}
.fusion-tb-header .awb-menu__main-a:hover::after,
.fusion-tb-header .awb-menu__main-a:focus-visible::after,
.fusion-tb-header .current-menu-item > .awb-menu__main-a::after{transform:scaleX(1)}
.fusion-tb-header .current-menu-item > .awb-menu__main-a{color:#1f2429!important;font-weight:600!important}
.fusion-tb-header .awb-menu__main-a:focus-visible{outline:3px solid #2d333b;outline-offset:2px;border-radius:8px}

/* Último elemento (Contacto) = botón oscuro en píldora; al pasar el ratón solo cambia de color */
.fusion-tb-header .awb-menu_desktop .awb-menu__main-li:last-child{margin-left:12px}
.fusion-tb-header .awb-menu_desktop .awb-menu__main-li:last-child > .awb-menu__main-a{
	display:inline-flex;align-items:center;
	background:#2d333b;color:#fff!important;border-radius:999px;padding:14px 22px!important;
	transition:background-color .2s,color .2s;
}
.fusion-tb-header .awb-menu_desktop .awb-menu__main-li:last-child > .awb-menu__main-a::after{display:none}
.fusion-tb-header .awb-menu_desktop .awb-menu__main-li:last-child > .awb-menu__main-a:hover,
.fusion-tb-header .awb-menu_desktop .awb-menu__main-li:last-child > .awb-menu__main-a:focus-visible{background:#346767;color:#fff!important}

/* ---------- Móvil / tablet ---------- */
.fusion-tb-header .awb-menu__m-toggle{min-width:44px;min-height:44px}
/* el logo y su texto ocupan lo que necesitan; el menú se queda con el resto */
.fusion-tb-header .fusion-builder-row-2 .fusion-layout-column:has(.fusion-image-element){width:auto!important;flex:0 0 auto!important}
.fusion-tb-header .fusion-builder-row-2 .fusion-layout-column:has(.awb-menu){flex:1 1 0!important;width:auto!important}
@media (max-width:1000px){
	.fusion-tb-header .fusion-image-element img{width:150px!important}
	.fusion-container-stuck .fusion-image-element img{width:130px!important}
	.fusion-tb-header .fusion-image-element .fusion-no-lightbox{gap:10px}
	.fusion-tb-header .fusion-image-element .fusion-no-lightbox::after{font-size:11px;padding-left:10px}
}

@media (prefers-reduced-motion:reduce){
	.fusion-tb-header *,.fusion-tb-header *::before,.fusion-tb-header *::after{transition:none!important}
}

/* ---------- Encabezado de páginas interiores (encabezado.php) ---------- */
.fusion-tb-page-title-bar{padding:0!important;margin:0!important;background:none!important;border:0!important}
.ve{--ve-w:1220px;display:grid;grid-template-columns:minmax(24px,1fr) minmax(0,calc(var(--ve-w)*.7)) minmax(0,calc(var(--ve-w)*.3)) minmax(24px,1fr);background:#2d333b}
.ve--aire{margin-bottom:clamp(28px,4vw,48px)}
.ve-in{grid-column:2/4;display:flex;align-items:center;min-height:120px;padding:24px 0;min-width:0}
.ve--foto .ve-in{grid-column:2/3;padding-right:40px}
.ve .ve-t{font-family:"Audiowide","Arial Black",sans-serif!important;font-weight:400!important;font-size:clamp(24px,1.4vw + 12px,34px)!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;margin:0!important;max-width:24em;text-wrap:balance}
.ve-foto{display:none}
@media (min-width:901px){
	.ve-foto{display:block;grid-column:3/5;background:var(--ve-img) center/cover no-repeat #3a424c}
}
@media (max-width:900px){
	.ve-in,.ve--foto .ve-in{grid-column:2/4;min-height:88px;padding:20px 0}
}

/* ---------- Páginas legales: Aviso legal, Privacidad, Accesibilidad y Cookies ---------- */
:is(body.page-id-4759,body.page-id-3,body.page-id-5045,body.page-id-5054,body.page-id-5229,body.page-id-5230,body.page-id-5231,body.page-id-5232) #main h2{font-family:"Audiowide","Arial Black",sans-serif!important;font-weight:400!important;font-size:22px!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;color:#2d333b!important;margin:36px 0 12px!important}
:is(body.page-id-5054,body.page-id-5231) #main h3{font-family:"Audiowide","Arial Black",sans-serif!important;font-weight:400!important;font-size:18px!important;line-height:1.3!important;text-transform:none!important;color:#2d333b!important;margin:28px 0 10px!important}
:is(body.page-id-5054,body.page-id-5231) #main :is(h4,h5){font-family:"Poppins",Arial,sans-serif!important;font-weight:600!important;font-size:15.5px!important;letter-spacing:0!important;text-transform:none!important;color:#2d333b!important}
:is(body.page-id-5054,body.page-id-5231) #main :is(p,li,td,span:not(.cmplz-always-active)){font-size:17px!important;line-height:1.6}
/* Tabla "Responsable del tratamiento" en móvil: pares dato/valor apilados, sin desplazamiento lateral */
@media (max-width:600px){
	:is(body.page-id-3,body.page-id-5230) #main .table-1{overflow:visible}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 :is(table,tbody,tr,td){display:block;width:auto!important}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 tr{padding:10px 0;border-bottom:1px solid #d9e3e0}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 td{padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 td *{white-space:normal!important}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 td:first-child{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#346767}
	:is(body.page-id-3,body.page-id-5230) #main .table-1 td p{margin:0}
}

/* Los enlaces a secciones (#ficha, #servicios…) dejan el título visible bajo la cabecera fija */
html{scroll-padding-top:90px}

/* ---------- Versión en inglés ---------- */
html[lang^="en"] .fusion-tb-header .fusion-image-element .fusion-no-lightbox::after{content:"Consultancy\A & Engineering"}

/* "Brecha digital" solo existe en español */
html[lang^="en"] .vh-brecha-btn{display:none}

/* Botón del menú en tableta y móvil: sin caja blanca, icono carbón sobre el menta de la cabecera */
.fusion-tb-header .awb-menu__m-toggle{background:transparent!important;border:0!important;box-shadow:none!important;color:#2d333b!important}
.fusion-tb-header .awb-menu__m-toggle:focus-visible{outline:3px solid #346767;outline-offset:2px;border-radius:4px}
.fusion-tb-header .awb-menu__m-toggle .awb-menu__m-toggle-inner,.fusion-tb-header .awb-menu__m-toggle i{color:#2d333b!important}
/* Cambio de idioma: solo dentro del menú móvil (en escritorio está en la barra superior) */
.fusion-tb-header .awb-menu_desktop .varda-menu-idioma{display:none!important}
/* Móvil estrecho en inglés: "Consultancy & Engineering" es más ancho; logo y texto algo menores para que el menú quepa en la misma fila */
@media (max-width:480px){
	html[lang^="en"] .fusion-tb-header .fusion-image-element img{width:132px!important}
	html[lang^="en"] .fusion-tb-header .fusion-image-element .fusion-no-lightbox::after{font-size:10.5px;padding-left:8px}
	html[lang^="en"] .fusion-tb-header .fusion-image-element .fusion-no-lightbox{gap:8px}
}

/* Enlaces dentro de un párrafo: en seminegrita para que no pasen inadvertidos (WCAG 1.4.1).
   Al pasar el ratón se mantiene el subrayado de Avada. Los enlaces con clase (botones, tarjetas) quedan fuera,
   y también los que forman solos un párrafo ("Leer en…" de las noticias). */
#main :is(p,li,dd,td,figcaption) a:not([class]){font-weight:600}
#main p.vp-hito-src a:not([class]),#main .vp-canales li > a:not([class]){font-weight:inherit}