.modal1 b{font-size:24px;color:#ec8527}.modal1 .center{padding:0}.modal1 strong{font-size:16px}.modal1 h3{font-size:36px;letter-spacing:-1px}@media (min-width:768px){.modal1 .center{padding:0}}.mini-menu a{display:inline-block;padding-right:20px}.mini-menu a.volver{padding:0;float:right}@media (max-width:768px){.mini-menu a{font-size:12px}.mini-menu a.volver{font-size:14px}.overhid{max-width:90%}}.btn-whatsapp{background:#6de587;color:#fff;border:1px solid #6de587;position:absolute;top:50%;margin:-25px 0 0;left:auto;right:0;padding:14px 16px 14px 12px;height:52px}.btn-whatsapp:hover{background:#4fd097;border:1px solid #4fd097;color:#fff}.icon-whatsapp{padding-bottom:2px;margin-left:7px}@media (max-width:991px){.promo a.button{display:block!important;position:relative!important;margin:25px auto 0!important;width:220px}.btn-whatsapp{display:block;width:70px;position:relative!important;top:0!important;margin:15px auto 0!important;left:0!important;right:0}}.pricing-price{font-size:48px}@media (min-width:1024px){.pricing .col-md-2:nth-child(1){margin-left:65px}}@media (min-width:1200px){.overhid{overflow:hidden;max-height:437px;padding-right:30px;padding-left:0}.pricing .col-md-2:nth-child(1){margin-left:95px}.pricing-box{-moz-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.pricing-box .pricing-price,.pricing-box .pricing-title{-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.pricing-box.best-price{margin:20px 0}.pricing-box.best-price .pricing-title{padding:15px 0}.pricing-box.best-price .pricing-title h3{font-size:20px}.pricing-box.best-price .pricing-price{font-size:48px}}.promo-full a.button{right:70px!important}.paddingtop75{padding-top:75px}.paddingbottom75{padding-bottom:75px}.backgrey{background:#fafafa}#footer.dark,.dark #footer{background:#333}.dark #copyrights{background-color:rgba(0,0,0,0);color:rgba(255,255,255,.75);text-shadow:0 0 0 transparent}.dark .copyright-links a{color:rgba(255,255,255,.6)}#footer.dark .social-icon.si-borderless,.dark #footer .social-icon.si-borderless{color:#999!important}.promo-full{background:#bf0e18}.bauleras #page-title,.depositos #page-title,.mas-espacio #page-title,.tipo-lg #page-title,.tipo-md #page-title,.tipo-sm #page-title{background-position:right 5%}.promo-full h1,.promo-full h2,.promo-full h3,.promo-full h4,.promo-full h5,.promo-full h6,.promo>.container>span{color:#fff}.promo-full h3>span:not(.nocolor){color:#ffc946}#page-title.page-title-dark h1,#page-title.page-title-dark span{color:#363636!important;text-shadow:1px 1px 1px transparent!important}.feature-box .fbox-icon{display:flex;justify-content:center}.feature-box .fbox-icon .icono{max-width:32px;border-radius:0}.feature-box .fbox-icon .icono-1{max-width:30px}.feature-box .fbox-icon .icono-2{max-width:35px}.feature-box .fbox-icon .icono-4{max-width:40px}.feature-box .fbox-icon .icono-5{max-width:48px}.storage-details{border-bottom:1px solid transparent}.storage-details ul{padding-top:0;padding-bottom:30px}@media (min-width:769px) and (max-width:1199px){#header,#header-wrap,#logo img{height:70px}#primary-menu ul li>a{padding:24px 15px}}@media (min-width:1200px){#header,#header-wrap,#logo img{height:130px}#primary-menu ul li>a{padding:54px 15px}}.dark .slider-caption,.dark .slider-caption h2{color:#333;text-shadow:1px 1px 1px transparent}.slider-caption a{display:block;z-index:1000;color:#666!important}.intro{font-size:18px}.caract:hover h3{color:#e80}#page-title{height:320px;padding:120px 0}.paddingbottom15{padding-bottom:15px}@media (min-width:1024px){#page-title .page-title-info h1{font-size:48px}#page-title .page-title-info span{font-size:24px;max-width:40%}}@media (min-width:768px) and (max-width:1023px){.bauleras #page-title .page-title-info,.depositos #page-title .page-title-info,.mas-espacio #page-title .page-title-info,.tipo-lg #page-title .page-title-info,.tipo-md #page-title .page-title-info,.tipo-sm #page-title .page-title-info{display:none}}@media (max-width:767px){#logo{text-align:right}.content-wrap{padding:40px 0}#slider-arrow-left,#slider-arrow-right{background-color:rgba(0,0,0,0)}#slider-arrow-left:hover,#slider-arrow-right:hover{background-color:rgba(0,0,0,0)!important}.swiper_wrapper .slider-caption h2{font-size:24px;padding-bottom:20px;max-width:180px}.paddingbottom75{padding-bottom:40px}.paddingtop75{padding-top:40px}.intro{font-size:16px}.promo{text-align:center}.promo h3{font-size:18px}#page-title{height:180px}.bauleras #page-title,.depositos #page-title,.mas-espacio #page-title,.tipo-lg #page-title,.tipo-md #page-title,.tipo-sm #page-title{background-position:90% center}#page-title .page-title-info{display:none}}.title-contacto{color:#bf0e18!important;font-size:36px!important}

/* Control del tamaño del Logo */
.logo-container img {
    max-height: 100px; /* Ajusta según el tamaño de tu logo */
    width: auto;
}

/* Espaciado del Menú */
.nav-menu ul li a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    transition: color .3s ease;
}

/* Efecto Hover para los links */
.nav-menu ul li a:hover {
    color: #0056b3; /* El color de tu marca */
}

/* Asegurar que el header wrap mantenga su fondo si es necesario */
#header-wrap {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.swiper-slide.dark {
    background-image: var(--bg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; /* Posición general */
}

/* Ajuste específico para el slide con texto a la derecha */
.slide-pos-right {
    background-position: center right !important;
}

/* Mejora opcional: Oscurece un poco la imagen para que el texto resalte */
.swiper-slide.dark::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.0); 
    z-index: 1;
}

.slider-caption {
    z-index: 2; /* Pone el texto sobre la capa oscura */
}

/* Estilo unificado para las imágenes de las tarjetas de usuario */
.user-card-img {
    border-radius: 4px; /* Un poco más notable que 2px queda mejor */
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* Prepara la animación */
}

/* Efecto al pasar el mouse por la tarjeta */
.caract:hover .user-card-img {
    transform: scale(1.03); /* La imagen crece suavemente */
}

/* Ajuste de los títulos de las tarjetas */
.fbox-desc h3 {
    margin-top: 15px;
    color: #333;
    transition: color 0.3s ease;
}

.caract:hover .fbox-desc h3 {
    color: #0056b3; /* El título cambia al azul de Sarthou al pasar el mouse */
}

.map-responsive {
    width: 100%;
    height: 400px; /* Puedes ajustar la altura aquí */
    border: 0;
    border-radius: 8px; /* Opcional: bordes redondeados para que haga juego con el resto */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Opcional: una sombra suave */
    display: block;
}

/* Ajuste para celulares: el mapa puede ser un poco más bajo */
@media (max-width: 767px) {
    .map-responsive {
        height: 300px;
    }
}
.contact-bar-map {
    margin-top: 15px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 0 0 8px 8px; /* Redondea solo las esquinas inferiores */
    border-top: 2px solid #999; /* Línea decorativa azul Sarthou */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-item {
    font-size: 14px;
    color: #444;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.contact-item i {
    color: #ec8527;
    margin-right: 8px;
    font-size: 18px;
}

.contact-item a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.contact-item a:hover {
    color: #bf0e18;
}

/* Ajuste para móviles */
@media (max-width: 767px) {
    .contact-bar-map {
        flex-direction: column;
    }
}

.footer-social-svg {
    display: flex;
    gap: 15px;
    align-items: center;
}

.social-btn {
    width: 32px;
    height: 32px;
    display: inline-block;
    transition: all 0.3s ease;
}

.social-btn svg {
    width: 100%;
    height: 100%;
    fill: #888; /* Color gris suave por defecto (ideal para footer dark) */
    transition: fill 0.3s ease, transform 0.3s ease;
}

/* Efectos al pasar el mouse */
.social-btn.facebook:hover svg {
    fill: #1877F2;
    transform: translateY(-3px);
}

.social-btn.instagram:hover svg {
    fill: #E4405F; /* Rosa representativo */
    transform: translateY(-3px);
}

/* Asegurar que se vea bien en el footer dark de Canvas */
#footer.dark .social-btn svg {
    fill: rgba(255,255,255,0.6);
}

#footer.dark .social-btn:hover svg {
    fill: #fff;
}