/*
Theme Name: Edsaone
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Irudigital
Author URI: 
Template: enfold
*/
/*Add your own styles here:*/

/* =========================================================
   EDSAONE · Cabecera (Enfold: "Logo left, Menu below")
   Pegar en el style.css del child theme
   ========================================================= */

:root {
  --eds-h-bg:      #1f2352;
  --eds-h-line:    #2b8fe8;
  --eds-h-divider: #b9c64c;
  --eds-h-lang:    #3b5bab;
  --eds-h-cta:     #c8db5e;
  --eds-h-text:    #ffffff;
}
@media only screen and (min-width: 768px) {
  #top .eds-phero--plain .content { padding-top: 124px !important; }
}
/* Fondo y líneas azules */
#top #header_meta,
#top #header_main,
#top #header_main_alternate {
  background: var(--eds-h-bg);
  border: 0;
}
#top #header_meta { border-top: 3px solid var(--eds-h-line); }
#top #header_main_alternate { border-bottom: 3px solid var(--eds-h-line); }
#top #header_main .container,
#top #header_main_alternate .container { border: 0; }

/* =========================================================
   TOP BAR · Secondary Menu + idiomas
   ========================================================= */
#top #header_meta .sub_menu { float: right; }
#top #header_meta .sub_menu > ul { display: flex; align-items: center; }
#top #header_meta .sub_menu > ul > li {
  border-right: 1px solid var(--eds-h-divider);
  padding: 0;
  float: none;
}
#top #header_meta .sub_menu > ul > li:last-child { border-right: 0; }
#top #header_meta .sub_menu > ul > li > a {
  color: var(--eds-h-text);
  font-size: 14px;
  padding: 0 26px;
  line-height: 30px;
}
#top #header_meta .sub_menu > ul > li > a:hover { text-decoration: underline; }

/* Idiomas */
#top #header_meta .eds-lang-switch { border: 0; padding-left: 10px !important; }
#top #header_meta .eds-langs { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
#top #header_meta .eds-langs li { margin: 0; padding: 0; border: 0; float: none; }
#top #header_meta .eds-langs a {
  display: block;
  padding: 4px 10px;
  border-radius: 3px;
  color: var(--eds-h-text);
  font-size: 14px;
  line-height: 1.3;
}
#top #header_meta .eds-langs .is-active a { background: var(--eds-h-lang); }
#top #header_meta .eds-langs a:hover { background: rgba(255,255,255,.12); text-decoration: none; }

/* =========================================================
   FILA DEL LOGO · widget teléfono + botón
   ========================================================= */
#top #header_main .av-logo-container .inner-container { position: relative; }

#top .eds-header-cta {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
#top .eds-header-widget { margin: 0; padding: 0; }
#top .eds-cta { display: flex; align-items: center; gap: 28px; }

#top .eds-cta__phone {
  color: var(--eds-h-text);
  font-size: 15px;
  white-space: nowrap;
  text-decoration: none;
}
#top .eds-cta__phone:hover { text-decoration: underline; }

#top .eds-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 18px;
  border-radius: 4px;
  background: var(--eds-h-cta);
  color: var(--eds-h-bg);
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: filter .2s;
}
#top .eds-cta__btn:hover { filter: brightness(1.07); text-decoration: none; color: var(--eds-h-bg); }
#top .eds-cta__arrow {
  width: 22px; height: 22px;
  fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
#top .eds-cta a:focus-visible,
#top #header a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }


/* =========================================================
   MENÚ PRINCIPAL (abajo) · repartido a todo el ancho
   ========================================================= */
@media only screen and (min-width: 990px) {
  #top #header_main_alternate .main_menu { float: none; width: 100%; }
  #top #header_main_alternate .av-main-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #top #header_main_alternate .av-main-nav > li { float: none; }
  #top #header_main_alternate .av-main-nav > li:first-child > a { padding-left: 0; }
  #top #header_main_alternate .av-main-nav > li:last-child > a { padding-right: 0; }
}
#top #header_main_alternate .av-main-nav > li > a {
  color: var(--eds-h-text);
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .01em;
}
#top #header_main_alternate .av-main-nav > li > a:hover,
#top #header_main_alternate .av-main-nav > li.current-menu-item > a,
#top #header_main_alternate .av-main-nav > li.current-menu-ancestor > a { color: var(--eds-h-cta); }
#top #header .avia-menu-fx { display: none; }   /* quita la rayita animada de Enfold */

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media only screen and (max-width: 989px) {
  /* deja sitio al icono hamburguesa de Enfold */
  #top .eds-header-cta { right: 64px; }
  #top .eds-cta__phone { display: none; }
  #top .eds-cta__btn { padding: 8px 14px; font-size: 14px; }
}
@media only screen and (max-width: 767px) {
  #top .eds-header-cta { display: none; }   /* en móvil: CTA dentro del menú */
  #top #header_meta .sub_menu > ul > li > a { padding: 0 12px; font-size: 13px; }
}

/* =========================================================
   EDSAONE · Footer (Enfold – página como footer) · v5
   Ajustado al HTML real que genera Enfold:
   - la custom_class de un textblock va en .avia_textblock
   - columnas en modo "misma altura" (flex_column_table)
   Sustituir TODO el CSS anterior del footer (style.css del child theme)
   ========================================================= */

#top #eds-footer {
  --eds-navy: #212a5c;
  --eds-mid:  #2f4686;
  --eds-blue: #4f86c6;
  --eds-sky:  #74c6ec;
  --eds-text: #ffffff;
  --eds-logo-w: 190px;
  --eds-logo-h: calc(var(--eds-logo-w) * 58 / 300);  /* proporción del PNG */
  --eds-tagline-gap: 10px;

  background: linear-gradient(180deg, var(--eds-navy) 0%, var(--eds-mid) 40%, var(--eds-blue) 72%, var(--eds-sky) 100%) !important;
  border: 0;
  color: var(--eds-text);
  font-size: 15px;
  line-height: 1.35;
}
#top #eds-footer .content { padding: 64px 0 28px; }

/* Texto en blanco e interlineado compacto */
#top #eds-footer p,
#top #eds-footer a,
#top #eds-footer span,
#top #eds-footer h3,
#top #eds-footer li,
#top #eds-footer address { color: var(--eds-text); line-height: 1.35; }

/* Márgenes ALB y basura de WordPress (<p></p>, <br>) */
#top #eds-footer .avia-image-container,
#top #eds-footer .av_textblock_section { margin: 0 !important; }
#top #eds-footer .avia_textblock p:empty { display: none; }
#top #eds-footer .avia_textblock > :first-child { margin-top: 0; }
#top #eds-footer .avia_textblock > p:last-child { margin-bottom: 0; }
#top #eds-footer .column-top-margin { margin-top: 0 !important; }
#top #eds-footer .content > .post-entry > .entry-content-wrapper > p:empty { display: none; }

/* =========================================================
   COLUMNA 1 · Marca (logo > lema > texto > IATF)
   ========================================================= */
/* Enfold flota las imágenes alineadas a la izquierda: las desflotamos
   para que el lema quede debajo del logo y no al lado */
#top #eds-footer .eds-footer__logo,
#top #eds-footer .eds-footer__cert { float: none; display: block; }
#top #eds-footer .eds-footer__logo img { width: var(--eds-logo-w); height: auto; display: block; }

/* Lema "Integrated Industrial Solutions" */
#top #eds-footer .eds-footer__logo + .av_textblock_section .eds-footer__claim {
  margin-top: var(--eds-tagline-gap);
  font-size: 13px;
  opacity: .9;
}
/* Texto descriptivo */
#top #eds-footer .eds-footer__brand .av_textblock_section + .av_textblock_section .eds-footer__claim {
  margin-top: 30px;
  max-width: 420px;
}
/* Sello IATF */
#top #eds-footer .eds-footer__cert { margin-top: 30px !important; }
#top #eds-footer .eds-footer__cert img { width: 78px; height: auto; }

/* =========================================================
   COLUMNAS 2 y 3 · títulos alineados con el lema
   ========================================================= */
@media only screen and (min-width: 768px) {
  #top #eds-footer .flex_column.eds-socia,
  #top #eds-footer .flex_column.eds-footer__contact,
  #top #eds-footer .flex_column.eds-footer__map {
    padding-top: calc(var(--eds-logo-h) + var(--eds-tagline-gap)) !important;
  }
}

#top #eds-footer .eds-footer__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 20px !important;
  padding: 0;
}

/* =========================================================
   COLUMNA 2 · Contacto
   Icono absoluto + font-size 0 en el <li>: el texto queda
   siempre alineado aunque WordPress meta <br>, <p> o espacios
   ========================================================= */
#top #eds-footer .eds-contact__list { list-style: none; margin: 0; padding: 0; }
#top #eds-footer .eds-contact__list li {
  position: relative;
  display: block;
  margin: 0 0 22px;
  padding: 0 0 0 36px;
  font-size: 0;
  line-height: 0;
  list-style: none;
}
#top #eds-footer .eds-contact__list li > br,
#top #eds-footer .eds-contact__list li > p { display: none; }
#top #eds-footer .eds-contact__list li > a,
#top #eds-footer .eds-contact__list li > address {
  display: block;
  font-size: 15px;
  line-height: 1.35;
  font-style: normal;
  margin: 0;
}
#top #eds-footer .eds-contact__list svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px; height: 20px;
  fill: none; stroke: currentColor; stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round;
  color: var(--eds-text);
}

#top #eds-footer a { text-decoration: none; transition: opacity .2s; }
#top #eds-footer a:hover { opacity: .8; text-decoration: underline; }
#top #eds-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 2px; }

/* Síguenos + iconos en una línea, bien espaciados */
#top #eds-footer .eds-social { margin-top: 4px; }
#top #eds-footer .eds-social > p {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
}
#top #eds-footer .eds-social br { display: none; }
#top #eds-footer .eds-social span { margin-right: 4px; }
#top #eds-footer .eds-social a { display: inline-flex; align-items: center; line-height: 0; }
#top #eds-footer .eds-social a:hover { text-decoration: none; }
#top #eds-footer .eds-social svg { display: block; width: auto; }
#top #eds-footer .eds-social a[aria-label*="LinkedIn"] svg { height: 28px; }
#top #eds-footer .eds-social a[aria-label*="YouTube"] svg  { height: 22px; }

/* =========================================================
   COLUMNA 3 · Mapa
   ========================================================= */
#top #eds-footer .eds-footer__map .eds-footer__claim { margin: 0; max-width: none; font-size: inherit; opacity: 1; }
#top #eds-footer .eds-map {
  height: 205px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
}
#top #eds-footer .eds-map > p { margin: 0; height: 100%; }
#top #eds-footer .eds-map br { display: none; }
#top #eds-footer .eds-map iframe { width: 100%; height: 100%; border: 0; display: block; }

/* =========================================================
   SOCKET · 100% de ancho, una sola línea
   ========================================================= */
#top #eds-footer .eds-footer__socket-col { width: 100%; margin-top: 80px !important; }
#top #eds-footer .eds-socket {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 32px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
#top #eds-footer .eds-socket p,
#top #eds-footer .eds-socket a,
#top #eds-footer .eds-socket span,
#top #eds-footer .eds-socket li { font-size: 12px; white-space: nowrap; }
#top #eds-footer .eds-socket__copy { margin: 0 !important; display: flex; gap: 6px; }
#top #eds-footer .eds-socket__copy span + span::before { content: "· "; }
#top #eds-footer .eds-socket nav { margin-left: auto; }
#top #eds-footer .eds-socket ul { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0; }
#top #eds-footer .eds-socket li { margin: 0; padding: 0; list-style: none; }

/* Contraste: blanco sobre el azul claro final no llega a WCAG AA.
   Si se quiere cumplir, descomentar:
#top #eds-footer .eds-socket p, #top #eds-footer .eds-socket a, #top #eds-footer .eds-socket span { color: var(--eds-navy); font-weight: 600; }
*/

/* ---------- Responsive ---------- */
@media only screen and (max-width: 1100px) {
  #top #eds-footer .eds-socket ul { gap: 24px; }
}
@media only screen and (max-width: 989px) {
  #top #eds-footer .eds-map { height: 190px; }
  #top #eds-footer .eds-socket { flex-wrap: wrap; }
  #top #eds-footer .eds-socket nav { margin-left: 0; }
}
@media only screen and (max-width: 767px) {
  #top #eds-footer .content { padding: 48px 0 20px; }
  #top #eds-footer .flex_column { margin-bottom: 40px; }
  #top #eds-footer .eds-footer__brand .av_textblock_section + .av_textblock_section .eds-footer__claim { max-width: none; }
  #top #eds-footer .eds-footer__socket-col { margin-top: 0 !important; }
  #top #eds-footer .eds-socket { flex-direction: column; align-items: flex-start; gap: 12px; }
  #top #eds-footer .eds-socket p, #top #eds-footer .eds-socket a,
  #top #eds-footer .eds-socket span, #top #eds-footer .eds-socket li { white-space: normal; }
  #top #eds-footer .eds-socket ul { flex-wrap: wrap; gap: 8px 22px; }
}

/* =========================================================
   EDSAONE · Home · Hero + franja de confianza
   Pegar en el style.css del child theme
   ========================================================= */

:root {
  --eds-navy:  #1f2352;
  --eds-lime:  #c8db5e;
  --eds-white: #ffffff;
  --eds-header-h: 150px;   /* alto total de la cabecera transparente (top bar + logo + menú) */
}

/* ---------------------------------------------------------
   CABECERA TRANSPARENTE sobre el hero
   (header.css le pone fondo navy; aquí lo anulamos mientras
   Enfold mantenga la clase de transparencia. Al hacer scroll
   con cabecera fija, vuelve el fondo navy)
   --------------------------------------------------------- */
#top #header.av_header_transparency #header_meta,
#top #header.av_header_transparency #header_main,
#top #header.av_header_transparency #header_main_alternate {
  background: transparent;
  border-color: transparent;
}

/* =========================================================
   HERO
   ========================================================= */
#top #eds-hero {
  position: relative;
  background-color: var(--eds-navy);
  border: 0;
  overflow: hidden;
}
/* Velo azul: más denso a la izquierda para que el texto se lea */
#top #eds-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(31,35,82,.94) 0%, rgba(31,35,82,.78) 38%, rgba(31,35,82,.45) 70%, rgba(31,35,82,.35) 100%),
    linear-gradient(180deg, rgba(31,35,82,.85) 0%, rgba(31,35,82,0) 30%);
  pointer-events: none;
}
#top #eds-hero > .container { position: relative; z-index: 2; }
#top #eds-hero .content { padding: calc(var(--eds-header-h) + 64px) 0 88px; }

/* Márgenes ALB y <br>/<p> automáticos */
#top #eds-hero .av_textblock_section { margin: 0 !important; }
#top #eds-hero .avia_textblock p:empty { display: none; }

/* Título */
#top #eds-hero .eds-hero__title h1 {
  color: var(--eds-white);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.01em;
  text-transform: none;
  margin: 0 0 22px;
  max-width: 13ch;
}
#top #eds-hero .eds-hl { color: var(--eds-lime); }

/* Entradilla */
#top #eds-hero .eds-hero__lead p {
  color: rgba(255,255,255,.92);
  font-size: 16px;
  line-height: 1.5;
  max-width: 540px;
  margin: 0 0 30px;
}

/* Botones */
#top #eds-hero .eds-hero__btns { display: flex; flex-wrap: wrap; gap: 16px; text-align: left; }
#top #eds-hero .eds-hero__btns .avia-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 11px 18px;
  border-radius: 4px;
  border: 1px solid var(--eds-lime) !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  min-width: 0;
  transition: filter .2s, background-color .2s, color .2s;
}
/* Flecha → (máscara SVG: toma el color del texto) */
#top #eds-hero .eds-hero__btns .avia-button::after {
  content: "";
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17M14 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* 1º · relleno lima */
#top #eds-hero .eds-hero__btns .avia-button:first-of-type {
  background: var(--eds-lime) !important;
  color: var(--eds-navy) !important;
}
#top #eds-hero .eds-hero__btns .avia-button:first-of-type:hover { filter: brightness(1.07); }
/* 2º · contorno lima */
#top #eds-hero .eds-hero__btns .avia-button:nth-of-type(2) {
  background: transparent !important;
  color: var(--eds-lime) !important;
}
#top #eds-hero .eds-hero__btns .avia-button:nth-of-type(2):hover {
  background: var(--eds-lime) !important;
  color: var(--eds-navy) !important;
}
#top #eds-hero .eds-hero__btns .avia-button span { color: inherit !important; }
#top #eds-hero .eds-hero__btns .avia-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* =========================================================
   FRANJA DE CONFIANZA
   ========================================================= */
#top #eds-trust { background: var(--eds-navy); border: 0; }
#top #eds-trust .content { padding: 22px 0; }
#top #eds-trust .avia_codeblock_section,
#top #eds-trust .avia_codeblock { margin: 0; padding: 0; }

#top #eds-trust .eds-trust__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 56px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#top #eds-trust .eds-trust__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--eds-white);
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .03em;
  text-transform: uppercase;
}
#top #eds-trust .eds-trust__list svg {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  fill: none;
  stroke: var(--eds-white);
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media only screen and (max-width: 989px) {
  #top #eds-hero .flex_column.eds-hero__content { width: 75%; }
  #top #eds-trust .eds-trust__list { gap: 18px 36px; }
}
@media only screen and (max-width: 767px) {
  :root { --eds-header-h: 90px; }
  #top #eds-hero { min-height: 0 !important; }
  #top #eds-hero::before { background: rgba(31,35,82,.82); }
  #top #eds-hero .content { padding: calc(var(--eds-header-h) + 40px) 0 56px; }
  #top #eds-hero .flex_column.eds-hero__content { width: 100%; }
  #top #eds-hero .eds-hero__lead p { font-size: 15px; }
  #top #eds-trust .eds-trust__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 20px;
  }
}