/*!
Theme Name: breaktravel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: breaktravel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

breaktravel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
    font-family: 'Instrument';
    src: url('fonts/Instrument.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
body {
    font-family: "Instrument", sans-serif !important;
}


/* Ítems alineados verticalmente */
li.nav-item.menu-item {
    padding: 0px 20px;
}
.navbar-nav .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #6c757d; /* gris Bootstrap */
    font-size: 14px;
    font-weight: 500;
   	padding: 25px 20px 15px 20px !important;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.navbar-nav .nav-link .menu-icon {
    font-size: 24px;
    margin-bottom: 5px;
}

/* Ítem activo */
.navbar-nav .current-menu-item .nav-link,
.navbar-nav .nav-link.active {
        color: #1f437d;
    border-bottom: 4px solid #1f437d;
}

/* Hover */
.navbar-nav .nav-link:hover {
    color: #1f437d !important;
	 /* border-bottom: 4px solid #1f437d; */
}
.logo-menu img{
    width: 250px;
    height: auto;
}
header nav.navbar {
    box-shadow: 0px 0px 15px 9px #e7e7e7;
    border-radius: 15px;
}

.navbar-nav .nav-link {
    position: relative;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0%;
    height: 4px;
    background-color: #1f437d;
    transition: all 0.4s ease;
    transform: translateX(-50%);
}

/* Hover animado */
.navbar-nav .nav-link:hover::after {
    width: 100%;
	    color: #1f437d;
}

/* Ítem activo con línea fija */
.navbar-nav .current-menu-item .nav-link::after,
.navbar-nav .nav-link.active::after {
    width: 100%;
}

footer.bg-primary {
    background-color: #637a9f !important; /* color similar al de la imagen */
    margin-bottom: -50px;
}

footer a {
    color: white;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}
#menu-menufooter li {
    margin-right: 4rem;
}
.nav-footer i{
	border: solid 1px;
    border-radius: 50px;
    padding: 1px 4px;
    font-size: 12px;
}
.nav-footer .bi-telephone::before {
    transform: rotate(135deg);
}
.f-contact h2, .mpagos h2, .preres h2, 
.porque-break1 h2, .testimonios h2,
.paquetes h2, .video h2, .ubicacion h2, 
.cont-hotel h1, .banner_servicios h1,
.valores h2, .mision-vision h2, .equipo h2, 
.list-hoteles h2, .aliados h2{
    color: #1f437d;
    font-weight: bold;
}

.f-contact img{
	border-radius: 20px;
}
.contacto .form-control{
    height: calc(1.5em + 1rem + 10px) !important;
    padding: 0.375rem 1.3rem !important;
	border-radius: 5px !important;
	background-color: #e5efff !important;
	font-weight: 500 !important;
    border: none!important;
    font-size: 17px;
}
.contacto textarea.form-control {
    height: auto !important;
}

.contacto .form-control:focus{
    color: var(--azul) !important;
	border-color: 0 0 10px 1px #00923370 !important;
	background-color: #fff !important;
}
/* .contacto .form-control::placeholder{

} */
/* .contacto textarea.form-control {
    height: auto !important;
} */
.contacto input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
}
.contacto input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: '';
    height: 18px;
    width: 18px;
    top: 0px;
    left: 0px;
    border: 1px solid #9f9f9f;
}
.contacto input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    font-family: bootstrap-icons !important;
    content: "\F26E";
    top: -9px;
    left: -9px;
    visibility: hidden;
    font-size: 2.5rem;
    text-align: center;
    line-height: 30px;
}
.contacto input[type=checkbox]:checked + span:before {
    background: transparent;
}
.contacto input[type=checkbox]:checked + span:after{
    visibility: visible;
}
.contacto span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 30px;
    font-size: 10px;
}
.contacto .wpcf7 .wpcf7-list-item{
    display: block;
    font-size: 0.6rem;
    line-height: 1.3;
    color: black;
}
.contacto .wpcf7 .wpcf7-list-item a{
	color: var(--v-medio);
	text-decoration: revert;
}
.contacto span.wpcf7-not-valid-tip {
    font-size: 12px;
}
.contacto .div-btn p {
    display: flex;
    flex-direction: row-reverse;
}
#menu-menufooter li.page_item a{
    font-weight: bold;
}
#menu-menufooter li a {
    font-size: 20px;
}
#menu-menufooter li a:hover{
    color: white;
}
.nav-footer span {
    font-size: 13px;
    line-height: normal;
}
footer p{
    font-size: 11px;
    line-height: normal;
}
.contacto .btn-enviar {
    background-color: #1f437d;
    color: white;
    padding: 2px 25px;
    border: none;
    font-size: 17px;
    font-weight: 100;
    border-radius: 50px;
}
.hablasesor .row{
    background-image: url('img/fondo-viajera.webp');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
    background-position: right;
}
.hablasesor .div_phabla p {
    background: white;
    border-radius: 50px;
    padding: 1px 10px;
        z-index: 0;
    position: relative;
    color: #1f437d;
    font-size: 0.93rem;
}
.hablasesor .div_phabla p:last-child{
    margin: 0;
}
.hablasesor .div_phabla{
    background-color: #ffffff9e;
   
    border-radius: 15px;
}
.hablasesor img{
    margin-top: -3rem;
}
.hablasesor h2 {
    line-height: normal;
}
.hablasesor h2 span {
    background-color: #4bae4f;
    border-radius: 8px;
    padding: 0px 2px 2px 2px;
    line-height: 0;
}
a.btn-paga {
    background-color: #1f437d;
    color: white;
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 50px;
}
.preres .btn-header-link.collapsed:after {
    content: "\F4FE"; 
}
.preres .btn-header-link:after {
    content: "\F2EA";
    font-family: bootstrap-icons !important;
    font-size: 3rem;
    color: #656565;
    right: 15px;
    line-height: 1;
    position: absolute;
    top: 20px;
}
.preres .card {
    border: none;
    border-bottom: solid 1px #bababa !important;
}
.preres .card .card-header {
    border: none !important;
    background: transparent;
}
.btn:focus {
    box-shadow: none;
}
.preres .card .card-header button.btn-header-link {
    font-size: 25px;
    color: #1f437d;
}
.preres .card .card-body h3 {
    font-size: 18px;
    margin: 0;
    color: #1f437d;
    font-weight: bold;
}
.preres .card .card-body p {
    font-size: 16px;
    margin: 0;
    color: #1f437d;
}
/* .preres .collapse.show {
    margin-top: -20px;
} */
section.caract {
    background-color: #0659de;
}



.ventana-video {
  position: relative;
  /* width: 200px;
  height: 320px; */
  cursor: pointer;
}

.img-marco {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.gif-preview {
 position: absolute;
    top: 30%;
    left: 50%;
    width: 150px;
    height: 250px;
    object-fit: cover;
    z-index: 1;
    border-radius: 12px;
    transform: translate(-50%, -50px);
}

.icono-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  font-size: 3rem;
  color: white;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
#slider-caract .slick-track{
    display: flex;
    align-items: center;
}
#slider-caract .item-slider-caract p{
    color: white;
    line-height: normal;
    font-size: 15px;
} 
.item-pq_break h3 {
    font-size: 16px;
    color: #1f437d;;
    font-weight: bold;
}
.item-pq_break p {
    font-size: 12px;
    line-height: normal;
    color: #1f437d;;
}
.porque-break2 .card{
    border: none;
    border-radius: 20px;
}
.porque-break2 .card {
    border: none;
    border-radius: 15px;
    box-shadow: 0px 0px 9px -2px #00000094;
}
.porque-break1 img, .banner_servicios img{
    border-radius: 15px;
    box-shadow: 0px 0px 9px -2px #00000094;
}
.porque-break2{
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}
#slider-inicio .item-slider-inicio img{
    border-radius: 15px;
}
#slider-inicio .item-slider-inicio {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

#slider-mpagos button.slick-arrow {
    position: absolute;
    top: 25%;
    border: none;
    background-color: transparent;
    font-size: 3rem;
    color: #bababa;
    z-index: 9;
}
#slider-mpagos button.btn-prev, 
.testimonio-slider button.btn-prev, 
.llamada-slider button.btn-prev, 
.oficina-slider button.btn-prev, 
#slider-caract button.btn-prev {
    left: -50px;
}
#slider-mpagos button.btn-next, 
.testimonio-slider button.btn-next, 
.llamada-slider button.btn-next, 
.oficina-slider button.btn-next, 
#slider-caract button.btn-next {
    right: -50px;
}
#slider-caract button.slick-arrow{
        position: absolute;
    top: 40%;
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: transparent;
    font-size: 1rem;
    color: #fff;
    z-index: 9;
    width: 30px;
    height: 30px;
}
.text-videos h2, .text-videos p, .text-videos span {
    color: #1f437d;
}
.text-videos p{
    font-size: 1.1rem;
}
.text-videos span{
     font-size: 1.3rem;
     font-weight: bold;
}
.text-videos h2{
        font-size: 2.5rem;
}
.insta-wrapper {
    position: relative;
    cursor: pointer;
    height: 370px;
    overflow: hidden;
}

.llamada-slider button.slick-arrow,
.testimonio-slider button.slick-arrow,
.oficina-slider button.slick-arrow{
    position: absolute;
    top: 40%;
    border: 2px solid #1f437d;
    border-radius: 50px;
    background-color: transparent;
    font-size: 1rem;
    color: #1f437d;
    z-index: 9;
    width: 30px;
    height: 30px;
}
.insta-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.img-slide img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}
.img-slide a {
    height: 370px;
    display: block;
}
.play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: white;
    background: transparent;
    border-radius: 50%;
    padding: 0.5rem 1rem;
}
.ig-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1.5rem;
    color: white;
    background: rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 3px;
    line-height: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.instagram-aspect-wrapper {
    position: relative;
    width: 100%;
    max-width: 320px; /* puedes ajustar el ancho máximo */
     margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    /* padding-top: 177.78%;  */
    /* 16:9 → (16/9)*100 = 177.78% */
}
.instagram-aspect-wrapper iframe{
        min-width: unset !important;
    width: 100%;
}
.instagram-aspect-wrapper blockquote.instagram-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
  min-width: unset !important;
    height: 100% !important;
}

.modal-slider {
    width: 100%;
    max-width: 380px;
    margin: auto;
}

.embed-slide {
    position: relative;
    /* padding-top: 177.78%;  */
}

.embed-slide blockquote.instagram-media {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}
#instaLoader {
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#testimonios .modal-content{
    background-color: transparent;
   border: none;
}
.testimonios .nav-tabs {
    border-bottom: none;
    gap: 50px;
}
.testimonios .tab-content{
    border-top: 1px solid #adadad;
}

.testimonios a.nav-link {
    color: #1f437d !important;
    position: relative;
    transition: all 0.3s ease;
    font-weight: normal;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.testimonios a.nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #1f437d;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.testimonios a.nav-link:hover::after {
    width: 100%;
}

.testimonios a.nav-link:hover {
     border: none;
    /* border-bottom: 2px solid #1f437d; */
    font-weight: bold;
}
.testimonios a.nav-link:focus,
.testimonios a.nav-link:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
/* Estado activo - mantiene la línea */
.testimonios a.nav-link.active::after {
    width: 100%;
}

.testimonios a.nav-link.active {
    font-weight: bold;
    border: none;
    /* border-bottom: 2px solid #1f437d; */
    font-weight: bold;
}
#fondo-activ {
    background-image: url(img/fondo-actividades.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}
.item-paque{
    position: relative;
}
.item-paque .card .img-paque {
    object-fit: cover;
    border-radius: 9px;
    
}
.item-paque .card {
   height: 200px;
    border: none;
    border-radius: 9px;
}
.item-paque .card::before{
      content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000b8);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
    

.paquetes .tab-pane {
  position: relative;
}

.paquetes .custom-prev,
.paquetes .custom-next,
.acti .act-prev,
.acti .act-next,
#testimonios .test_ins_prev,
#testimonios .test_ins_next,
#testimonios .test_ins_prev_pc,
#testimonios .test_ins_next_pc,
#llamada .llamada_prev,
#llamada .llamada_next,
#llamada .llamada_prev_pc,
#llamada .llamada_next_pc,
#oficina .oficina_prev,
#oficina .oficina_next,
#oficina .oficina_prev_pc,
#oficina .oficina_next_pc,
.slider-caract .caract_prev,
.slider-caract .caract_next,
.div_img_hotel .galeria_prev,
.div_img_hotel .galeria_next
 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border: none;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
}
.div_img_hotel .galeria_prev,
.div_img_hotel .galeria_next{
    top: 35%;
}
.div_img_hotel .galeria_prev{
    left: 0px;
}
.div_img_hotel .galeria_next{
    right: 0px;
}
/* Ajusta según el diseño: */
.paquetes .custom-prev {
  left: 30px; /* o 0, o 10px según el layout */
}

.paquetes .custom-next {
  right: 30px;
  display: block !important;
}
.paquetes .custom-prev svg, .paquetes .custom-next svg {
    width: 26px;
    height: 26px;
    background: #00000036;
    border-radius: 50px;
}
.paquetes .custom-prev svg path, .paquetes .custom-next svg path{
    fill:white;
}
.paquetes .nav-tabs .nav-link{
    background-color: transparent !important;
    border: none Im !important;
    color: #1f437d !important;
    transition: all 0.3s ease;
    font-weight: normal;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.paquetes a.nav-link.active {
    font-weight: bold;
    border: none;
    font-weight: bold;
}
.paquetes .nav-tabs {
    border-bottom: none;
}
.acti .act-prev {
  left:20px; /* o 0, o 10px según el layout */
}

.acti .act-next {
  right: 20px;
}
.acti .act-prev svg, .acti .act-next svg {
    width: 24px;
    height: 24px;
}
.acti .img-act {
    height: 190px;
}
.acti .img-act img {
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.acti .item-act h3{
    font-size: 13px;
    color: #1f437d
}
.acti .item-act p{
     font-size: 10px;
         line-height: normal;
}
.acti .slick-list {
    /* padding: 0px 100px 0px 50px !important; */
}
.actividad-tabs{
    margin-left: 5rem;
    margin-right: 5rem;
    gap: 40px;
}
.item-act .card-body {
    height: 180px;
}
.item-act .card {
    border: none;
    border-radius: 15px;
}
.acti .nav-tabs .nav-link{
    background-color: transparent !important;
    border: 1px solid transparent !important;
    padding: 0px 10px;
    color: #fff !important;
    transition: all 0.3s ease;
    font-weight: normal;
    outline: none !important;
    box-shadow: none !important;
}
.acti a.nav-link.active {
    border: 1px solid white !important;
    padding: 0px 10px;
    border-radius: 5px;
}

.desti .card img {
    object-fit: cover;
    border-radius: 15px;
     transition: transform 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}
.desti .card:hover .img-zoom-wrapper img {
    transform: scale(1.2);
}
.img-zoom-wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}
.desti .card {
    width: 100%;
    height: 450px;
    border: none;
    overflow: hidden;
    border-radius: 15px;
}
.desti .card::before{
      content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000d3);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 1;
}
.desti .card .card-img-overlay{
    z-index: 2;
}
.desti .card .card-img-overlay p.extrat{
    line-height: normal;
    height: 35px;
    font-size: 14px;
}
.desti .card .card-img-overlay .precio-vermas p{
    line-height: normal;
    font-size: 20px;
}
.desti .card .card-img-overlay .precio-vermas p span{
    font-size: 25px;
}
.desti .card .card-img-overlay .precio-vermas a, a.btn-vermas {
    background-color: #4C90FD;
    border-radius: 50px;
    padding: 3px 15px;
    color: white;
    line-height: normal;
    font-size: 15px;
}
#slider-inicio button.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    border: none;
    background-color: transparent;
    font-size: 3rem;
    color: #fff;
    z-index: 9;
}
#slider-inicio button.btn-prev {
    left: 90px;
} 
#slider-inicio button.btn-next {
    right: 90px;
}
#slider-inicio .slick-dots{
    bottom: 20px;
}
.fondo-inicio{
    background-image: url(img/fondo-degrade-ancho.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
}
p.migas-pan{
    color:#1f437d;
    font-weight: bold;
        font-size: 15px;
}
p.migas-pan a{
    color:#1f437d;
    font-weight: 100;
}
.card-img-dest img {
    object-fit: cover;
    border-radius: 15px;
}
.card-img-dest {
    height: 470px;
}
.cont-destinos .card {
    border: none;
    border-radius: 15px;
    box-shadow: 0px 0px 35px 0px #808080ab;
}
.cont-destinos .card h2{
    color: #1f437d;
    font-weight: bold;
    font-size: 35px;
}
.cont-destinos .card .card-text p{
    line-height: normal;
    font-size: 18px;
}
.cont-destinos .card a.btn-paga{
    padding: 8px 30px;
    font-size: 15px;
    display: inline-block;
}
.galeria_dest .column-2 .div_img img, .galeria_dest .column-1 img{
    object-fit: cover;
    border-radius: 15px;
}
.galeria_dest .column-2 .div_img {
    height: 50%;
}
.column-2 .div_img .card-img-overlay{
  top: .5rem;
    background: rgba(0, 0, 0, 0.5); 
    color: #fff; 
   font-size: 25px;
   border-radius: 15px;
}
.galeria_dest .column-1, .galeria_dest .column-2 {
    height: 565px;
}
.galeria_dest h1.tt_destino {
    font-size: 3rem;
    color: white;
    font-weight: bold;
    z-index: 2;
}

.column-1 .card-img-overlay::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -8px;
    right: 0;
    height: 50%;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #0000006b);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 1;
}
.dest_norm h3, .dest_norm p, .dest_premi p{
    color: #383838;
}
.dest_premi h3{
    color: #1F437D;
}
.dest_norm h3, .dest_premi h3 {
    font-size: 20px;
    font-weight: bold;
}
.dest_norm p, .dest_premi p {
    font-size: 12px;
}
.list-hoteles .card, .equipo .card{
    border-radius: 16px;
    border: none;
}
.list-hoteles .card img, .equipo .card img{
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.list-hoteles .card .card-body, .equipo .card .card-body{
     border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom: 1px solid #B5B5B5;
    border-right: 1px solid #B5B5B5;
    border-left: 1px solid #B5B5B5;
}
a.btn-vermas {
    margin: 0px 0px 0px auto;
}
.embed-responsive.embed-responsive-16by9 {
    box-shadow: 0px 0px 60px 0px #808080ab;
}
.ubicacion iframe{
    width: 100%;
}
.cont-hotel li {
    font-size: 14px;
    padding-right: 6rem;
     line-height: normal;
     color: #383838;
}
.cont-hotel h3 {
    font-size: 18px;
    color: #1F437D;
    font-weight: bold;
}
.cont-hotel p{
    line-height: normal;
    color: #383838;
}
.cont-hotel h1, .banner_servicios h1 {
    font-size: 35px;
}
.list-hoteles .img_hotel img, 
.equipo .img_equipo img {
    object-fit: cover;
}
.list-hoteles .img_hotel, .equipo .img_equipo {
    height: 260px;
}
.cont-hotel img{
    object-fit: cover;
    border-radius: 16px;
}
.cont-serv{
    position: relative;
}
.item-serv .cont-serv::before {
     content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    width: 100%;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(0 0 0 / 90%));
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 0;
}
.item-serv h3, .item-serv p{
    color: white;
}
.item-serv .cont-serv img{
    border-radius: 16px;
    object-fit: cover;
}
.img-serv {
    height: 400px;
    max-height: 400px;
}
.item-serv p {
    line-height: normal;
}
.item-serv h3 {
    font-weight: bold;
    font-size: 34px;
}
.serv-descr ul {
    display: flex;
    justify-content: flex-start;
    color: white;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 50px;
}
.serv-descr ul li {
    font-size: 14px;
    border: 1px solid white;
    border-radius: 5px;
    padding: 1px 0px;
    width: 180px;
    text-align: center;
}

.valores .card, .info_contact .card {
    border: none;
    border-radius: 16px;
    box-shadow: 0px 0px 9px -2px #00000094;
    background-color: white;
}
.valores .card h3, .valores .card p{
    color: #1F437D;
}
.valores .card p {
    line-height: normal;
    font-size: 14px;
}
.valores .card h3 {
    font-weight: bold;
    font-size: 1.4rem;
}
.div_video{
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}
.mision-vision img{
    border-radius: 16px;
}
.mision-vision p{
    color: #383838;
    line-height: normal;
    font-size: 1.1rem;
}
.equipo h3, .equipo span, .equipo p{
    color: #383838 !important;
}
.equipo h3{
    font-size: 18px;
    font-weight: bold;
        line-height: normal;
}
.equipo span{
    font-size: 16px;
    font-weight: bold;
        line-height: normal;
}
.equipo p{
    font-size: 13px;
    line-height: normal;
}
.fondo-nosotros{
    background-image: url(img/fondo-degrade-ancho.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
}
#instaModal button.close,
#modalVideoIzq button.close,
#modalVideoDere button.close {
    position: absolute;
    right: 4rem ;
    top: -3rem;
    z-index: 1;
    font-size: 4rem;
    color: white;
    opacity: 1;
}
.info_contact p {
    font-size: 12px;
    color: #1F437D;
    line-height: normal;
}
.info_contact h4 {
    font-size: 20px;
    font-weight: bold;
    color: #1F437D;
}

.llamada-slider .img-slide a {
    height: 180px;
}

#testimonios .test_ins_prev,
#testimonios .test_ins_prev_pc,
#llamada .llamada_prev,
#llamada .llamada_prev_pc,
#oficina .oficina_prev,
#oficina .oficina_prev_pc
{
 left: 0;
}
#llamada .llamada_next,
#llamada .llamada_next_pc,
#testimonios .test_ins_next,
#testimonios .test_ins_next_pc,
#oficina .oficina_next,
#oficina .oficina_next_pc
{
    right: 0;
}
#llamada .llamada_prev, #llamada .llamada_next {
    top: 56%;
}
#llamada .llamada_prev_pc, #llamada .llamada_next_pc {
    top: 56%;
}
.slider-caract .caract_next{
    right: 0px;
}
.slider-caract .caract_prev{
    left: 0;
}
.item-slider-mpagos img {
    width: 100px !important;
}
.ico-redes {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 40%;
    right: 15px;
    gap: 15px;
    z-index: 9999;
}
.ico-hover svg {
    border-radius: 15px;
   
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
}

.ico-hover svg:hover {
    transform: scale(1.05);
    filter: brightness(1.1) saturate(1.2);
}
.banner-hover img {
    border-radius: 15px;
    box-shadow: 0px 0px 9px -2px #00000094;
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
}

.banner-hover img:hover {
    transform: scale(1.02);
    filter: brightness(1.05) saturate(1.2);
    box-shadow: 0px 6px 25px -5px rgba(0, 0, 0, 0.6);
}
.div_redes_footer a i{
    font-size: 1.5rem;
}
.logo_footer{
    max-width: 250px;
}
.nav-footer .ubi svg{
    height: auto;
    width: 45px;
    margin-right: 7px;
}
.nav-footer svg{
    height: auto;
    width: 25px;
    margin-right: 7px;
}
.aliados .card{
    box-shadow: 0px 0px 9px -2px #00000094;
    border: none;
    border-radius: 15px;
    row-gap: 10px;
    column-gap: 70px;
    flex-wrap: wrap;
    justify-content: center;
        flex-direction: row;
}
.aliados .card img.ico-ali {
    width: 170px;
    
}



#notfound {
  position: relative;
  height: 60vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  text-align: center;
  line-height: 1.4;
}

.notfound .notfound-404 {
  height: 190px;
}

.notfound .notfound-404 h1 {
  font-size: 146px;
  font-weight: 700;
  margin: 0px;
  color: #232323;
}

.notfound .notfound-404 h1>span {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-image: url('img/emoji.png');
  background-size: cover;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
  z-index: -1;
}

.notfound h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #1f437d;
}

.notfound p {
  font-family: 'Montserrat', sans-serif;
  color: #787878;
  font-weight: 300;
}

.notfound a {
  display: inline-block;
  padding: 12px 30px;
  font-weight: 700;
  background-color: #1f437d;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 115px;
  }
  .notfound .notfound-404 h1 {
    font-size: 86px;
  }
  .notfound .notfound-404 h1>span {
    width: 86px;
    height: 86px;
  }
}
