.elementor-3252 .elementor-element.elementor-element-3187152{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3252 .elementor-element.elementor-element-3187152.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3252 .elementor-element.elementor-element-e5367ea{width:100%;max-width:100%;}.elementor-3252 .elementor-element.elementor-element-e5367ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-3252 .elementor-element.elementor-element-0b7164c{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3252 .elementor-element.elementor-element-52397ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3252 .elementor-element.elementor-element-57cb9f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3252 .elementor-element.elementor-element-57cb9f2:not(.elementor-motion-effects-element-type-background), .elementor-3252 .elementor-element.elementor-element-57cb9f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-3252 .elementor-element.elementor-element-c975902{--display:flex;}.elementor-3252 .elementor-element.elementor-element-37c5d5b{--display:grid;--min-height:0px;--e-con-grid-template-columns:70% 30%;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:160px;--padding-left:160px;--padding-right:160px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3252 .elementor-element.elementor-element-358e0ae{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:left;}.elementor-3252 .elementor-element.elementor-element-358e0ae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:060px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-358e0ae .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:58px;font-weight:400;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-3252 .elementor-element.elementor-element-65f4a4c{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;text-align:left;}.elementor-3252 .elementor-element.elementor-element-65f4a4c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:060px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-65f4a4c .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:58px;font-weight:400;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-3252 .elementor-element.elementor-element-06f7d6a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3252 .elementor-element.elementor-element-be19ebb > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-be19ebb img{width:45%;}.elementor-3252 .elementor-element.elementor-element-29ddf72{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:right;}.elementor-3252 .elementor-element.elementor-element-29ddf72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-29ddf72.elementor-element{--align-self:flex-start;}.elementor-3252 .elementor-element.elementor-element-29ddf72 .elementor-heading-title{font-weight:400;color:#FFFFFF;}.elementor-3252 .elementor-element.elementor-element-dc48b49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3252 .elementor-element.elementor-element-ee85a90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-6f4590a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3252 .elementor-element.elementor-element-3d79a93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-3252:not(.elementor-motion-effects-element-type-background), body.elementor-page-3252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}@media(max-width:1024px){.elementor-3252 .elementor-element.elementor-element-37c5d5b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3252 .elementor-element.elementor-element-3187152{--width:100%;}.elementor-3252 .elementor-element.elementor-element-52397ac{--content-width:100px;}.elementor-3252 .elementor-element.elementor-element-06f7d6a{--content-width:100%;}}@media(max-width:767px){.elementor-3252 .elementor-element.elementor-element-37c5d5b{--e-con-grid-template-columns:1;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:5px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3252 .elementor-element.elementor-element-358e0ae{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-3252 .elementor-element.elementor-element-358e0ae > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-358e0ae .elementor-heading-title{font-size:38px;}.elementor-3252 .elementor-element.elementor-element-65f4a4c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-3252 .elementor-element.elementor-element-65f4a4c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-65f4a4c .elementor-heading-title{font-size:38px;}.elementor-3252 .elementor-element.elementor-element-29ddf72 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-3252 .elementor-element.elementor-element-29ddf72{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:right;}}/* Start custom CSS for html, class: .elementor-element-e5367ea *//* ====== ENCABEZADO FIJO ====== */
.encabezado {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
}

/* ====== LOGO ====== */
.logo-principal {
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  color: #FF4E1B;
  transition: none;
}

/* ====== BOTÓN MENÚ ====== */
.boton-menu {
  font-size: 1.5rem;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: #FF4E1B;
  padding: 0;
  line-height: 1;
  transition: none;
}

/* ====== MENÚ LATERAL ====== */
.menu-lateral {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FF4E1B;
  color: white;
  display: flex;
  flex-direction: row;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  z-index: 2000;
  overflow: hidden;
}

.menu-lateral.abierto {
  transform: translateX(0);
}

/* ====== BLOQUEAR SCROLL EN BODY ====== */
body.menu-activo {
  overflow: hidden;
}

/* ====== COLUMNA DE ENLACES ====== */
.menu-lateral .columna-enlaces {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.menu-lateral .columna-enlaces ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  width: 100%;
}

.menu-lateral .columna-enlaces ul li a {
  text-decoration: none;
  color: white;
  font-size: 2rem;
  padding: 0.5rem 2rem;
  display: block;
  width: 100%;
  background: linear-gradient(to right, white 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background-position 0.4s ease, color 0.4s ease;
  box-sizing: border-box;
}

.menu-lateral .columna-enlaces ul li a:hover,
.menu-lateral .columna-enlaces ul li a.activo {
  background-position: left bottom;
  color: #FF4E1B;
}

/* ====== COLUMNA DE IMAGEN ====== */
.menu-lateral .columna-imagen {
  width: 40%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: black;
}

.menu-lateral .columna-imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
  transform: scale(1);
}

/* ====== BOTÓN CERRAR EN ESQUINA SUPERIOR DERECHA ====== */
.menu-lateral .cerrar-menu {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  font-size: 4rem;
  font-weight: bold;
  color: #FF4E1B;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease, color 0.3s ease;
  z-index: 2;
}


/* ====== FONDO OSCURO ====== */
.fondo-oscuro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1500;
}

.fondo-oscuro.visible {
  opacity: 1;
  visibility: visible;
}

/* ====== DESACTIVA EFECTOS VISUALES ====== */
.logo-principal:hover,
.logo-principal:focus,
.boton-menu:hover,
.boton-menu:focus,
.cerrar-menu:hover,
.cerrar-menu:focus {
  color: #FF4E1B;
  background: none;
  text-decoration: none;
}

.menu-activo .boton-menu {
  display: none;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
  .menu-lateral {
    flex-direction: column;
  }

  .menu-lateral .columna-enlaces,
  .menu-lateral .columna-imagen {
    width: 100%;
    height: auto;
  }

  .menu-lateral .columna-enlaces {
    align-items: center;
    text-align: center;
  }

  .menu-lateral .columna-enlaces ul li a {
    padding: 0.5rem 1rem;
  }

  .menu-lateral .columna-imagen img {
    height: auto;
  }

  /* Mover botón de cerrar al centro arriba */
  .menu-lateral .cerrar-menu {
    top: 1rem;
    left: 50%;
    right: auto;
    color:white;
    transform: translateX(-50%);
  }
}

/* ====== SUBMENÚ COMPLETO ====== */
.submenu {
  position: relative;
}

.submenu-items {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #FF4E1B;
  padding: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  min-width: 220px;
  z-index: 10;
}

.submenu-items li a {
  color: white;
  font-size: 1.5rem;
  padding: 0.75rem 1.5rem;
  display: block;
  background: none;
}

.submenu-items li a:hover {
  background-color: white;
  color: #FF4E1B;
}

/* Mostrar submenú en hover o cuando esté activo */
.submenu:hover .submenu-items,
.submenu.activo-submenu .submenu-items {
  display: block;
}

/* Estilo visual para enlace de Servicios cuando el submenú está activo */
.submenu.activo-submenu > a {
  background: white;
  color: #FF4E1B;
}

/* ====== AJUSTES SUBMENÚ EN MÓVIL ====== */
@media (max-width: 768px) {
  .submenu {
    width: 100%;
  }

  .submenu-items {
    position: static;
    display: none;
    background-color: #2f2f2f; /* Gris oscuro */
    padding: 0;
    margin: 0;
    border-radius: 0;
  }

  .submenu.activo-submenu .submenu-items {
    display: block;
  }

  .submenu-items li a {
    font-size: 1.3rem;
    padding: 0.4rem 1rem;
    color: #f4f4f4;
    background: none;
    border-bottom: 1px solid #444;
  }

  .submenu-items li a:last-child {
    border-bottom: none;
  }

  .submenu-items li a:hover {
    background-color: #444;
    color: #FF4E1B;
  }

  /* AJUSTE DE ALTURA DEL MENÚ LATERAL CUANDO SE ABRE EL SUBMENÚ */
  .menu-lateral {
    height: 100vh;
    transition: height 0.3s ease;
  }

  .submenu.activo-submenu ~ .columna-imagen {
    display: none; /* ocultamos imagen para que quepa */
  }

  .menu-lateral.submenu-abierto {
    height: 70vh; /* Reducción de altura */
  }

  .menu-lateral .columna-enlaces ul li a {
    font-size: 1.8rem;
    padding: 0.4rem 1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS */@font-face {
  font-family: 'WolfangoFont';
  src: url('https://wolfango.es/wp-content/uploads/2025/05/WolfangoFont-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.usa-wolfango {
  font-family: 'WolfangoFont', sans-serif;
}/* End custom CSS */