/* THEME CSS */

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 576px) and (max-width: 1440px) {
  .container,
  .container-md,
  .container-sm,
  .header-pages {
    max-width: 98%;
  }
} /* end media*/

@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
} /* end media*/
@media (min-width: 1920px) {
  /* .container-fluid  {
        max-width: 1920px;
    } */
} /* end media*/


/* .text-primary {
  color: var(--bs-text-primary) !important;
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #ffffff; /* Ajusta según necesites */
} */


/* contact form*/

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  border-radius: 0;
}
.wpcf7-form input[type="submit"] {
  width: 170px;
  background: #000;
  border: none;
  border-radius: 0;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.wpcf7-form input[type="submit"]:hover {
  background: #fff;
  color: #000;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 20px !important;
  background-color: #ddd;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
.woocommerce-info .btn-check:checked + a.button,
.woocommerce-info :not(.btn-check) + a.button:active,
.woocommerce-info a.active.button,
.woocommerce-info a.button:first-child:active,
.woocommerce-info a.show.button,
.woocommerce-notices-wrapper .woocommerce-message .btn-check:checked + a.button,
.woocommerce-notices-wrapper
  .woocommerce-message
  :not(.btn-check)
  + a.button:active,
.woocommerce-notices-wrapper .woocommerce-message a.active.button,
.woocommerce-notices-wrapper .woocommerce-message a.button:first-child:active,
.woocommerce-notices-wrapper .woocommerce-message a.show.button,
.wpcf7 .btn-check:checked + input[type="submit"],
.wpcf7 :not(.btn-check) + input[type="submit"]:active,
.wpcf7 input.active[type="submit"],
.wpcf7 input.show[type="submit"],
.wpcf7 input[type="submit"]:first-child:active,
:not(.btn-check) + .btn:active {
  background-color: #000;
}

body {
  font-size: 15px;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 18px;
  }
} /* end media */
@media only screen and (max-width: 460px) {
  .text-menu {
    display: none;
  }
} /* end media */

/* header */
.custom-logo-link img {
  width: 120px;
  height: auto;
  margin: 10px;
}

.nav-link {
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.nav-link:hover,
.active .nav-link {
  color: #fff;
}

/* 1. Resetear el contenedor principal */
.offcanvas-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* Fuerza centro vertical */
  align-items: center !important; /* Fuerza centro horizontal */
  height: 100% !important;
  padding: 0 !important; /* Eliminamos paddings que puedan falsear el centro */
}

/* 2. Anular el empuje hacia abajo del menú de WordPress */
.offcanvas-body .navbar-nav,
.offcanvas-body ul,
.offcanvas-body div {
  margin-top: 0 !important; /* ESTO es lo que suele empujarlo abajo */
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  flex-grow: 0 !important; /* Evita que el menú intente ocupar todo el alto */
}

/* 3. Asegurar que el header del offcanvas no empuje */
.offcanvas-header {
  flex-shrink: 0; /* Que no se estire */
}

#menu-idiomas .nav-link {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .custom-logo-link img {
    width: 160px;
    margin: 20px 0;
  }

  .nav-link {
    font-size: 28px;
    color: #fff;
  }
  .nav-link:hover,
  .active .nav-link {
    color: #fff;
  }

  .offcanvas-body .nav-link:focus,
  .offcanvas-body .nav-link:hover {
    color: #fff !important;
  }
} /*  end css */

@media only screen and (min-width: 1024px) {
  .nav-item {
    padding-left: 20px;
    padding-right: 20px;
  }
} /*  end css */
@media only screen and (min-width: 1200px) {
  .nav-link {
    font-size: 42px;
    
  }
} /*  end css */

.navbar-toggler-icon {
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><g><rect x="2.2" y="9.6" style="fill:%23fff;" width="45" height="6.4"/><rect x="2.2" y="21.8" style="fill:%23fff;" width="45" height="6.4"/><rect x="2.2" y="34" style="fill:%23fff;" width="45" height="6.4"/></g></svg>') !important;
  width: 45px;
  height: 45px;
}
.text-menu {
  color: #fff;
}
.offcanvas-header .btn-close {
  opacity: 1 !important;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler-icon:focus,
.btn-close:focus {
  outline: none !important;
  border: none !important;
  border-width: 0;
  box-shadow: none !important;
  border: none;
}

@media only screen and (min-width: 768px) {
  .offcanvas {
    width: 100% !important;
  }
}

/* dropdown menu*/
.dropdown-toggle::after {
  content: "+";
  display: inline-block;
  font-family: Inter, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 100%;
  line-height: 1;
  vertical-align: baseline;
  border: none !important;
  color:#ddd;
}

.dropdown-menu {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 15px auto;
  text-align: center;
}
.dropdown-menu li.nav-item {
  padding: 0 !important;
  text-align: center;
}
.dropdown-menu li.nav-item:hover {
  background-color: transparent;
}
.dropdown-menu li a {
  color: #fff;
  font-size: 90%;
  padding: 8px 15px;
  white-space: normal;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
  color: #fff;
}
/* añade funcionalidad dropdown en rollover  */
@media only screen and (min-width: 768px) {
  .dropdown-hover:hover .dropdown-menu {
    display: block;
  }

  .dropdown-menu li a {
    font-size: 110%;
  }
} /*  end css */

/* botones */
.btn-primary,
.active > .page-link,
.page-link.active {
  background-color: #000;
  border: none;
}
.btn-primary:hover,
.active > .page-link:hover {
  background-color: #000;
  border: none;
}
.understrap-read-more-link {
  display: none;
}
.wp-block-button__link {
  background-color: #000;
  color: #000;
  border: none;
  line-height: 100%;
}

.wp-block-button__link:hover {
  background-color: #000;
  color: #fff;
}

/* footer */

#wrapper-footer-full,
#wrapper-static-hero {
  background-color: #000;
  color: #fff;
}
#wrapper-footer-full a {
  color: #fff;
}
/* menu legales*/
#menu-menu-footer {
  list-style: none;
  margin: 10px auto;
  text-align: left;
  padding-left: 0;
}

#menu-menu-footer li {
  display: inline-block;
  padding: 5px;
}

#menu-menu-footer li a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

#menu-menu-footer li a:hover,
#menu-menu-footer li.current-menu-item a {
  color: #ddd;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  #menu-menu-footer ul li:first-child ::after,
  #menu-menu-footer ul li:nth-child(2) ::after {
    content: "  / ";
    min-width: 15px;
    text-align: right;
  }
} /*  end css */

.home .text-primary .elementor-heading-title {
  color: var(--bs-text-primary) !important;
}

/* Estilo para el círculo (::before) */
.home .text-primary .elementor-heading-title::before {
  content: "";
  width: 22px; /* Tamaño del círculo */
  height: 22px;
  background-color: var(--bs-text-primary) !important;
  border-radius: 50%; /* Esto lo convierte en círculo */
  display: inline-block;
  flex-shrink: 0; /* Evita que el círculo se deforme si el texto es largo */
  margin-right: 12px;
}
.featured-img-post img {
  width: 100%;
}

/* paginacion */
.pagination {
  margin-top: 40px;
  border-radius: 0 !important;
}
.pagination .page-item .page-link {
  padding: 5px 10px;
  border-radius: 0 !important;
  font-size: 120%;
}
.page-link:focus {
  background-color: #ddd !important;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
}
@media only screen and (min-width: 768px) {
  .pagination .page-item .page-link {
    padding: 1rem 1.5rem;
  }
} /* end media */

.post-categories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.post-categories li {
  display: inline;
}
.post-categories li a {
  border-radius: 5em;
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-text-primary);
  margin-right: 7px;
  padding: 2px 4px 2px;
  font-size: 9px;
  margin-bottom: 4px;
  display: inline-block;
  color: var(--bs-text-primary);
  text-decoration: none;
  text-transform: uppercase;
}
.post-categories li a:hover {
  background-color: var(--bs-text-primary);
  color: #fff;
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .post-categories li a {
    padding: 3px 8px 3px;
    font-size: 11px;
  }
} /* end media */

@media only screen and (min-width: 1200px) {
  .post-categories li a {
    padding: 8px 16px 8px;
    font-size: 13px;
  }
} /* end media */

/* compartir */

.compartir-redes ul {
  display: flex;
  list-style: none;
}
.compartir-redes ul {
  display: flex;
  list-style: none;
}
.compartir-redes ul li {
  padding: 3px 10px;
}

.share-link {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 11px;
  color: var(--bs-text-primary);
  text-transform: uppercase;
  margin-top: 9px;
}

.share-link:hover {
  opacity: 0.7;
}

.navigation a {
  line-height: 11px;
  color: var(--bs-text-primary);
  text-transform: uppercase;
  text-decoration: none;
}

.wpr-grid-filters li > span,
.wpr-grid-item-category .inner-block a {
  color: var(--bs-text-primary) !important;
  background-color: #fff !important;
  border-radius: 20px !important;
  border: 1px solid var(--bs-text-primary) !important;
  display: inline-block;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}

.wpr-grid-filters li > span:hover,
.wpr-grid-filters li > span.wpr-active-filter,
.wpr-grid-item-category .inner-block a:hover {
  color: #fff !important;
  background-color: var(--bs-text-primary) !important;
}
h3 .inner-block a {
  text-transform: uppercase;
  color: var(--bs-text-primary) !important;
}


.elementor-10938 .elementor-element.elementor-element-ed5dc45 .wpr-grid-pagination a {
  background-color: var(--bs-primary) !important;
}