/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 28 feb 2026, 22:26:24
    Author     : USUARIO
*/
.bg-eco-green{
    background:#13231e;
}
.bg-eco-blue{
    background:#000d2b;
}
.bg-eco-white{
    background:#fff;
}
.text-eco-blue{
    color:#000d2b !important;
}
.text-form{
    font-size: 20px !important;
    font-weight: 600 !important;
}
.section-py-50{
    padding: 50px 0 !important;
}
.section-py-40 {
    padding: 40px 0 !important;
}
.section-py-60 {
    padding: 60px 0 !important;
}
.bg-season-white{
    background: white !important;
    border-radius: 100px 0px 100px 0px !important;
    padding: 50px 80px;
    width: fit-content;
    text-align: center !important;
}
.bg-season-white h2 span{
    font-size: 25px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}
.slider__bg-five {
    padding: 125px 0 125px !important;
}
.section-py-80 {
    padding: 80px 0 !important;
}
.section-py-100-50 {
    padding: 100px 0px 50px 0px !important;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
    content: '';
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: '';
}

.slide-img{
    width: 321px;
    height: 250px !important;
    display: flex;
    align-items: flex-end; /* coloca la imagen abajo */
    justify-content: center;
    overflow: hidden;
}

.slide-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* no corta la imagen */
    object-position: bottom;  /* se centra abajo */
}

.slide1-img{
    height: 350px;
    display: flex;
    align-items: flex-end; /* coloca la imagen abajo */
    justify-content: center;
    overflow: hidden;
}

.slide1-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* no corta la imagen */
    object-position: bottom;  /* se centra abajo */
}

.swiper-button-next, .swiper-button-prev {
    color: var(--swiper-navigation-color,#000) !important;
    font-size: 3rem !important;
}

.whats-btn {
    font-size: 40px;
    font-weight: 500;
    position: fixed;
    bottom: 150px;
    left: 20px;
    background: #05cd51;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 1;
    z-index: 9900;
}
.whats-instagram{
    font-size: 40px;
    font-weight: 500;
    position: fixed;
    bottom: 70px;
    left: 20px;
    /*  background: #05cd51;*/
    color: #fff;
    /*  padding: 0px 15px;*/
    text-align: center;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 1;
    z-index: 9900;
}

/* fondo oscuro */
.modal{
    display:none;
    position:fixed;
    z-index:9999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
}

/* caja del modal */
.modal-contenido{
    background:white;
    width:400px;
    max-width:90%;
    padding:30px;
    border-radius:10px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    box-shadow:0px 5px 20px rgba(0,0,0,0.4);
}

/* botón cerrar */
.cerrar{
    position:absolute;
    top:10px;
    right:15px;
    font-size:22px;
    cursor:pointer;
}

.tg-header__area-five .tgmenu__navbar-wrap ul li a {
  padding: 38px 53px !important;
}
/* responsive */

@media (max-width: 991.98px) {
    .tgmenu__nav .logo img {
        margin-top: 17%;
        max-height: 95px;
    }
    .swiper-slide-active{
        background-image: url("1assets/img/img-slider-02.png") !important;
    }
    .slider__area-four{
        background: #14231e !important;
    }
}
.img-down-slider-web{
        display: block;
}
.img-down-slider-movil{
        display: none;
}
.ml-ul{
        margin-left: 25%;
}
.service-areas-web{
    display: block;
}
.service-areas-mobile{
    display: none;
}
.gallery-snow-web{
    display: block;
}
.gallery-snow-mobile{
    display: none;
}
.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #afb0b1 !important;
}
.carousel {
  background: transparent;
}

.carousel-cell {
  width: 100%;
  height: 300px;
  margin-right: 10px;
  /* center images in cells with flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
  height: 80%;
}

.carousel-cell-image {
  display: block;
  max-height: 80%;
}

.carousel.is-fullscreen .carousel-cell-image {
  max-width: 80%;
}
.ml-ul-white li::marker {
       color: white !important;
    }
@media (max-width: 767.98px) {
    .tg-header__area {
        height: 90px !important;
        background: white !important;
    }
    .tgmenu__nav .logo img {
        margin-top: 2% !important;
        max-height: 80px !important;
    }
    .tg-header__area .mobile-nav-toggler {
        padding: 25px !important;
    }
    .tg-header__area .mobile-nav-toggler {
        color: #14231e  !important;
    }
    .about__list-item .content .title {
        font-size: 1.2rem !important;
    }
    ul {
        font-size: 1.1rem !important;
    }
    p {
        font-size: 1rem !important;
    }
    h2 {
        font-size: 1.5rem !important;
    }
    .bg-season-white h2 span {
        font-size: 1.2rem !important;
    }
    .contact__form-two .tg-btn {
        font-size: 0.8rem !important;
    }
    h3 {
        font-size: 1rem !important;
    }
    .container {
        background-image: url(7assets/img/img-marco-001.png) !important;
    }
    .slider__content-four {
        text-align: center !important;
    }
    .text-prod {
        font-size: 1.2rem !important;
    }
    .swiper-slide-active{
        background-image: url("1assets/img/img-slider-02.png") !important;
    }
    .slider__area-four-index{
        background: #14231e !important;
    }
    .slider__area-four-index1{
        background: #d6eeff !important;
    }
    .services__area-five-index {
        background: #13231e !important;
    }
    .services__area-five-index1 {
        background: #000d2b !important;
    }
    .logo-packages{
        text-align: center !important;
    }
    .section-py-100-50 {
        padding: 0px 0px 50px 0px !important;
    }
    .border-item-lands{
        margin-bottom: 70px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .p-100{
        width: 100% !important;
    }
    .mb-100 {
        margin-bottom: 10px !important;
    }
    .mod-services{
        background-position: right !important;
    }
    .services-text-1{
        text-align: center !important;
    }
    .div-title-packages{
        margin-top: 4% !important;
    }
    .div-title2-packages{
        margin-top: 8% !important;
    }
    .divp-title2-packages{
        padding-top: 8% !important;
    }
    .item-lawcare{
        font-size: 1.25rem !important;
    }
    .img-down-slider-web{
        display: none !important;
    }
    .img-down-slider-movil{
        display: block !important;
    }
    .text-movil-center{
        text-align: center !important;
    }
    .ml-ul{
        margin-left: 5% !important;
    }
    .ml-ul-white li::marker {
       color: white !important;
       margin-left: -10% !important;
    }
    .slider__bg-five {
        padding: 60px 0 60px !important;
    }
    .landscaping-index{
        margin-top: -60px !important;
    }
    .service-areas-web{
        display: none !important;
    }
    .service-areas-mobile{
        display: block !important;
    }
    #mod-packages{
        margin-top: 20px !important;
    }
    .gallery-snow-web{
        display: none !important;
    }
    .gallery-snow-mobile{
        display: block !important;
    }
}
/* end responsive */
 /* Botón para abrir el modal */
        .abrir-modal {
            background: #007bff;
            color: #fff;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 4px;
            cursor: pointer;
        }

        /* Fondo oscuro semitransparente (overlay) */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* Clase para mostrar el modal */
        .modal-overlay.mostrar {
            opacity: 1;
            visibility: visible;
        }

        /* Caja del modal */
        .modal-contenido {
            background: #fff;
            padding: 0px;
            max-width: 800px;
            width: 90%;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            position: relative;
            text-align: center;
            animation: aparecer 0.3s ease;
        }

        /* Animación suave al aparecer */
        @keyframes aparecer {
            from {
                transform: scale(0.9);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Botón de cerrar */
        .cerrar-modal {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
            font-weight: bold;
            color: #aaa;
            cursor: pointer;
            background: none;
            border: none;
        }
        .cerrar-modal:hover {
            color: #000;
        }

        /* Estilo para el título del aviso */
        .aviso-titulo {
            color: #333;
            margin-top: 0;
            font-size: 24px;
            border-bottom: 2px solid #007bff;
            padding-bottom: 10px;
        }

        /* Mensaje destacado */
        .aviso-mensaje {
            font-size: 18px;
            color: #555;
            margin: 20px 0;
            font-weight: bold;
            background: #f0f8ff;
            padding: 10px;
            border-radius: 4px;
        }