.elementor-7308 .elementor-element.elementor-element-63fd215{--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-7308 .elementor-element.elementor-element-63fd215.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7308 .elementor-element.elementor-element-cddad0b{width:100%;max-width:100%;}.elementor-7308 .elementor-element.elementor-element-cddad0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-7308 .elementor-element.elementor-element-2d314af{--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-7308 .elementor-element.elementor-element-4981d8c{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7308 .elementor-element.elementor-element-4981d8c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7308 .elementor-element.elementor-element-941d0bb{--display:flex;--min-height:0vh;--justify-content:center;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7308 .elementor-element.elementor-element-41c950b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7308 .elementor-element.elementor-element-5367268{--display:flex;--margin-top:060px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7308 .elementor-element.elementor-element-16ac867{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7308 .elementor-element.elementor-element-35ff5cc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7308 .elementor-element.elementor-element-ea52345{--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-7308 .elementor-element.elementor-element-61bc3ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7308 .elementor-element.elementor-element-ded7faa{--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;}body.elementor-page-7308:not(.elementor-motion-effects-element-type-background), body.elementor-page-7308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}@media(max-width:767px){.elementor-7308 .elementor-element.elementor-element-5c1d84e{width:100%;max-width:100%;}.elementor-7308 .elementor-element.elementor-element-5c1d84e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7308 .elementor-element.elementor-element-5367268{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-7308 .elementor-element.elementor-element-d0a9c88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-7308 .elementor-element.elementor-element-63fd215{--width:100%;}.elementor-7308 .elementor-element.elementor-element-2d314af{--content-width:100px;}.elementor-7308 .elementor-element.elementor-element-4981d8c{--width:104.456%;}.elementor-7308 .elementor-element.elementor-element-941d0bb{--content-width:76%;}}/* Start custom CSS for html, class: .elementor-element-cddad0b *//* ====== 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 */