/* Variables y Reset */
 :root {
     --brand-color: #4da528;
     --dark-color: #333;
     --white: #ffffff;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 /* Estructura del Nav */
 nav {
     background-color: var(--white);
     height: 80px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 5%;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 1000;
 }

 .logo {
     font-size: 24px;
     font-weight: bold;
     color: var(--dark-color);
     text-decoration: none;
 }

 /* Control del tamaño del logo */
 .logo img {
     height: 80px;
     /* Ajusta según el diseño de tu logo */
     width: auto;
     /* Mantiene la proporción */
     display: block;
     transition: transform 0.3s ease;
 }

 .logo:hover img {
     transform: scale(1.05);
     /* Efecto sutil al pasar el ratón */
 }

 /* Ajuste opcional para centrar verticalmente si el logo es pequeño */
 .logo {
     display: flex;
     align-items: center;
 }

 .nav-links {
     display: flex;
     list-style: none;
     align-items: center;
 }

 .nav-links li {
     padding: 0 15px;
 }

 .nav-links a {
     text-decoration: none;
     color: var(--brand-color);
     font-weight: 500;
     transition: opacity 0.3s;
 }

 .nav-links a:hover {
     opacity: 0.7;
 }

/* Reset y posicionamiento base para el dropdown */
.nav-links li {
    position: relative;
    display: inline-block;
}

/* Ocultar el submenú por defecto */
.submenu {
    display: none;
    position: absolute;
    top: 100%; /* Aparece justo debajo del link principal */
    left: 0;
    background-color: #ffffff;
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    z-index: 1000;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
    list-style: none;
}

/* Estilo de los enlaces del submenú */
.submenu li {
    width: 100%;
    display: block;
}

.submenu li a {
    color: #333 !important;
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
    text-transform: none !important;
    display: block;
    line-height: normal !important;
}

/* Hover en el submenú */
.submenu li a:hover {
    background-color: #f4f9f1;
    color: var(--brand-color) !important;
}

/* MOSTRAR EL SUBMENÚ AL PASAR EL RATÓN */
.dropdown:hover .submenu {
    display: block;
}

/* Ajuste para el botón de llamada (para que no se mueva con los dropdowns) */
.btn-call {
    white-space: nowrap;
}

/* --- ADAPTACIÓN MÓVIL (MUY IMPORTANTE) --- */
@media (max-width: 952px) {
    .submenu {
        position: static; /* En móvil se despliega hacia abajo */
        display: none;
        background-color: #fcfcfc;
        box-shadow: none;
        padding-left: 20px;
    }
    
    .dropdown:hover .submenu {
        display: block;
    }
}

 /* Botón de Llamada */
 .btn-call {
     background-color: var(--brand-color);
     color: var(--white) !important;
     padding: 10px 20px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 /* Menú Mobile (Checkbox Hack) */
 #check {
     display: none;
 }

 .checkbtn {
     font-size: 30px;
     color: var(--dark-color);
     cursor: pointer;
     display: none;
 }

 /* Responsive */
 @media (max-width: 858px) {
     .checkbtn {
         display: block;
     }

     .nav-links {
         position: fixed;
         width: 100%;
         height: 100vh;
         background: var(--white);
         top: 80px;
         left: -100%;
         text-align: center;
         transition: all .5s;
         flex-direction: column;
         padding-top: 50px;
     }

     .nav-links li {
         margin: 20px 0;
     }

     #check:checked~.nav-links {
         left: 0;
     }
 }

 /* --- HERO SECTION --- */
 .hero-video-contact {
     position: relative;
     width: 100%;
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     padding-top: 80px;
     /* Espacio para el menú fijo */
 }

 .video-bg {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     transform: translate(-50%, -50%);
     z-index: 1;
     object-fit: cover;
 }

 .overlay-oscura {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     z-index: 2;
 }

 .hero-content {
     position: relative;
     z-index: 3;
     width: 90%;
     max-width: 1200px;
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 40px;
     align-items: center;
 }

 /* --- TEXTO --- */
 .hero-text {
     color: white;
 }

 .hero-text h1 {
     font-size: clamp(2rem, 5vw, 3.2rem);
     line-height: 1.1;
     margin-bottom: 20px;
     font-weight: 800;
 }

 .hero-sub {
     font-size: 1.4rem;
     margin-bottom: 15px;
     color: var(--brand-color);
     font-weight: 600;
 }

 .seo-description {
     font-size: 1.05rem;
     line-height: 1.6;
     margin-bottom: 25px;
     color: #f0f0f0;
 }

 .check-list {
     list-style: none;
 }

 .check-list li {
     margin-bottom: 12px;
     font-size: 1.1rem;
 }



 /* --- FORMULARIO GLASS --- */
 .form-card {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
     padding: 30px;
     border-radius: 20px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
 }

 .form-card h2 {
     color: white;
     margin-bottom: 10px;
     font-size: 1.6rem;
 }

 .form-subtitle {
     color: #ddd;
     font-size: 0.85rem;
     margin-bottom: 20px;
 }

 .form-group {
     margin-bottom: 15px;
     text-align: left;
 }

 .form-group label {
     display: block;
     color: white;
     font-size: 0.8rem;
     margin-bottom: 5px;
     font-weight: 600;
 }

 .custom-form input,
 .custom-form textarea {
     width: 100%;
     padding: 12px;
     border-radius: 8px;
     border: none;
     outline: none;
     font-size: 1rem;
     background: rgba(255, 255, 255, 0.9);
 }

 .btn-submit {
     width: 100%;
     padding: 15px;
     background: var(--brand-color);
     color: white;
     border: none;
     border-radius: 8px;
     font-weight: bold;
     cursor: pointer;
     transition: transform 0.2s;
     font-size: 1rem;
 }

 .btn-submit:hover {
     transform: translateY(-3px);
     opacity: 0.9;
 }


 .form-select {
     width: 100%;
     padding: 12px;
     border-radius: 8px;
     border: none;
     outline: none;
     font-size: 1rem;
     background: rgba(255, 255, 255, 0.9);
     cursor: pointer;
     color: #333;
 }

 /* Para que se vea bien en móviles */
 select.form-select {
     appearance: none;
     -webkit-appearance: none;
     background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234da528%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22/%3E%3C/svg%3E');
     background-repeat: no-repeat;
     background-position: right 12px top 50%;
     background-size: 12px auto;
 }

 /* --- RESPONSIVE --- */
 @media (max-width: 900px) {
     .hero-content {
         grid-template-columns: 1fr;
         text-align: center;
         padding: 40px 0;
     }

     .check-list li {
         text-align: left;
         max-width: 350px;
         margin: 10px auto;
     }
 }

 /* --- SECCIÓN MARKETING --- */
 .marketing-section {
     padding: 80px 5%;
     background-color: var(--white);
     display: flex;
     justify-content: center;
 }

 .container-marketing {
     max-width: 1000px;
     /* Un poco más ancho para legibilidad */
     width: 100%;
 }

 .titulo-impacto {
     color: var(--dark-color);
     font-size: clamp(1.8rem, 4vw, 2.5rem);
     line-height: 1.2;
     margin-bottom: 25px;
     font-weight: 800;
 }

 .titulo-impacto span {
     color: var(--brand-color);
     display: block;
     margin-top: 10px;
 }

 .descripcion-hero {
     color: #555;
     font-size: 1.15rem;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 /* --- BLOQUE AUTORIDAD (ASIDE) --- */
 .bloque-autoridad {
     background-color: #f9f9f9;
     padding: 30px;
     border-radius: 12px;
     margin-bottom: 40px;
     border-left: 6px solid var(--dark-color);
     box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.03);
 }

 .bloque-autoridad p {
     margin: 0;
     font-size: 1.05rem;
     line-height: 1.7;
     color: #444;
 }

 /* --- GRID SERVICIOS --- */
 .grid-servicios {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 25px;
     margin-bottom: 40px;
 }

 .servicio-item {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     background-color: #ffffff;
     padding: 25px;
     border-radius: 15px;
     border: 1px solid #eee;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .servicio-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
 }

 .servicio-item .icono {
     font-size: 1.8rem;
     background: #f0f7ec;
     /* Fondo suave del color de la marca */
     padding: 10px;
     border-radius: 10px;
 }

 .servicio-item p {
     margin: 0;
     font-size: 1rem;
     line-height: 1.5;
     color: #444;
 }

 /* --- CIERRE / TESTIMONIAL --- */
 .cierre-texto {
     font-style: italic;
     border-left: 4px solid var(--brand-color);
     padding: 10px 0 10px 25px;
     font-size: 1.1rem;
     color: #666;
     margin-top: 30px;
 }

 /* --- AJUSTES MOBILE --- */
 @media (max-width: 768px) {
     .marketing-section {
         padding: 50px 5%;
     }

     .grid-servicios {
         grid-template-columns: 1fr;
     }

     .bloque-autoridad {
         padding: 20px;
     }
 }


 /* --- SECCION TARIFAS --- */
.seccion-tarifas {
    padding: 80px 5%;
    background-color: #fcfcfc;
}

.container-tarifas {
    max-width: 1200px;
    margin: 0 auto;
}

.titulo-seccion {
    text-align: center;
    font-size: 2.2rem;
    color: var(--dark-color);
    margin-bottom: 10px;
    font-weight: 800;
}

.subtitulo-seccion {
    text-align: center;
    color: #777;
    margin-bottom: 50px;
    font-size: 1.1rem;
}

.tarifas-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
}

.tarifa-card {
    background: var(--white);
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tarifa-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* Recomendada */
.tarifa-card.recomendada {
    border: 2px solid var(--brand-color);
    box-shadow: 0 10px 30px rgba(77, 165, 40, 0.1);
}

.popular-badge {
    background: var(--brand-color);
    color: white;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 50px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.tarifa-header h3 { font-size: 1.5rem; margin-bottom: 5px; color: var(--dark-color); }
.tarifa-header p { font-size: 0.9rem; color: #888; margin-bottom: 25px; }

.tarifa-precio { margin-bottom: 30px; }
.moneda { font-size: 1.2rem; font-weight: 600; vertical-align: top; margin-right: 2px; }
.monto { font-size: 3.5rem; font-weight: 800; color: var(--dark-color); line-height: 1; }
.unidad { font-size: 1rem; color: #777; }

.tarifa-features {
    list-style: none;
    margin-bottom: 35px;
    flex-grow: 1;
}

.tarifa-features li {
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0.95rem;
    color: #666;
}

.tarifa-features li:last-child { border-bottom: none; }

/* Botones Unificados */
.tarifa-boton {
    display: block;
    padding: 15px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    transition: 0.3s;
    background: #f0f0f0;
    color: var(--dark-color);
}

.tarifa-boton:hover {
    background: var(--dark-color);
    color: white;
}

.tarifa-boton-verde {
    background: var(--brand-color);
    color: white;
}

.tarifa-boton-verde:hover {
    background: #3a7d1e;
    transform: scale(1.02);
}

/* Responsive */
@media (max-width: 600px) {
    .tarifas-grid { grid-template-columns: 1fr; }
    .tarifa-card.recomendada { transform: none; }
    .tarifa-card.recomendada:hover { transform: translateY(-10px); }
}

/* --- SECCIÓN PARALLAX GLASS --- */
.seccion-parallax-info {
    position: relative;
    width: 100%;
    min-height: 80vh;
    padding: 100px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    
    /* IMAGEN DE FONDO */
    background-image: url('../img/fondo-pista-padel.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efecto Parallax */
    background-repeat: no-repeat;
}

/* Superposición oscura para legibilidad */
.seccion-parallax-info::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Oscurecemos un poco más para el contraste */
    z-index: 1;
}

.contenedor-cuadros {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
}

/* EFECTO GLASSMORPHISM */
.cuadro-info {
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 50px 40px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--white);
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    transition: transform 0.3s ease, border 0.3s ease;
    display: flex;
    flex-direction: column;
}

.cuadro-info:hover {
    transform: translateY(-8px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.cuadro-info.destacado {
    border: 1px solid rgba(77, 165, 40, 0.4);
}

.icono-cuadro {
    font-size: 3rem;
    margin-bottom: 20px;
}

.cuadro-info h2 {
    color: var(--white);
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: 800;
}

.subtitulo-glass {
    color: var(--brand-color);
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cuadro-info p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 30px;
    flex-grow: 1;
}

/* BOTÓN DENTRO DEL CUADRO */
.boton-cuadro {
    display: inline-block;
    padding: 14px 28px;
    background-color: var(--brand-color);
    color: var(--white) !important;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.boton-cuadro:hover {
    background-color: #3a7d1e;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .seccion-parallax-info {
        padding: 60px 5%;
        background-attachment: scroll; /* Mejor rendimiento en móviles */
    }
    .contenedor-cuadros {
        grid-template-columns: 1fr;
    }
    .cuadro-info {
        padding: 35px 25px;
    }
    .cuadro-info h2 {
        font-size: 1.5rem;
    }
}

/* --- SECCIÓN EXPERTOS E INSTALACIÓN --- */
.seccion-expertos-instalacion {
    padding: 100px 5%;
    background-color: var(--white);
    color: #333;
}

.contenedor-principal {
    max-width: 1100px;
    margin: 0 auto;
}

.header-instalacion {
    text-align: center;
    margin-bottom: 60px;
}

.header-instalacion h2 {
    color: var(--dark-color);
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: 800;
}

.intro-texto {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 50px;
}

/* Tarjetas de Superficies */
.superficies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.superficie-card {
    background: #fdfdfd;
    padding: 35px 25px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid #eee;
    transition: all 0.3s ease;
    text-align: center;
}

.superficie-card:hover {
    border-color: var(--brand-color);
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(77, 165, 40, 0.1);
}

.superficie-card .emoji {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 15px;
}

/* Cuerpo de información */
.cuerpo-instalacion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-top: 60px;
}

.caja-destacada {
    background-color: #f7faf6;
    padding: 40px;
    border-radius: 25px;
    margin-bottom: 30px;
    border: 1px dashed rgba(77, 165, 40, 0.3);
}

.caja-destacada h3 {
    margin-top: 0;
    color: #2c5e1a;
    font-size: 1.5rem;
}

.enlace-guia {
    display: inline-block;
    margin-top: 25px;
    color: var(--brand-color);
    font-weight: 800;
    text-decoration: none;
    background: var(--white);
    padding: 12px 25px;
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(77, 165, 40, 0.15);
    transition: 0.3s;
}

.enlace-guia:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(77, 165, 40, 0.25);
}

.info-atlas {
    padding-left: 25px;
    border-left: 5px solid var(--brand-color);
    color: #555;
    line-height: 1.8;
    font-style: italic;
}

/* Columna Mantenimiento */
.columna-mantenimiento h3 {
    color: var(--dark-color);
    font-size: 2rem;
    margin-top: 0;
    font-weight: 800;
}

.lista-mantenimiento {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.lista-mantenimiento li {
    padding: 15px 0;
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.05rem;
}

.lista-mantenimiento li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--brand-color);
    font-weight: bold;
    font-size: 1.4rem;
}

/* Adaptación para móviles */
@media (max-width: 900px) {
    .cuerpo-instalacion {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .header-instalacion h2 {
        font-size: 2rem;
    }
}

/* --- SECCIÓN CIUDADES SEO --- */
.seccion-ciudades-alicante {
    padding: 80px 5%;
    background-color: #f9f9f9;
}

.contenedor-ciudades {
    max-width: 1200px;
    margin: 0 auto;
}

.cabecera-ciudades {
    text-align: center;
    margin-bottom: 50px;
}

.cabecera-ciudades h2 {
    color: var(--dark-color);
    font-size: 2.2rem;
    margin-bottom: 15px;
    font-weight: 800;
}

.cabecera-ciudades p {
    color: #666;
    font-size: 1.1rem;
}

.grid-ciudades {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.columna-ciudad {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.enlace-ciudad {
    display: block;
    padding: 14px 18px;
    background: var(--white);
    color: #444;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.enlace-ciudad:hover {
    background-color: var(--brand-color);
    color: var(--white) !important;
    border-color: var(--brand-color);
    transform: scale(1.03) translateX(5px);
    box-shadow: 0 8px 20px rgba(77, 165, 40, 0.2);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .grid-ciudades {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .grid-ciudades {
        grid-template-columns: 1fr;
    }
    .cabecera-ciudades h2 {
        font-size: 1.7rem;
    }
    .seccion-ciudades-alicante {
        padding: 50px 5%;
    }
}

.seccion-contacto-mapa {
    width: 100%;
    background-color: #f8f9fa;
    padding: 80px 5%;
    box-sizing: border-box;
}

.contenedor-flex-contacto {
    display: flex;
    flex-wrap: wrap;
    max-width: 1150px;
    margin: 0 auto;
    background: white;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

.columna-mapa {
    flex: 1.2;
    min-width: 350px;
    display: flex;
    flex-direction: column;
}

.info-contacto-pie {
    padding: 40px;
    background: #ffffff;
}

.dato-item {
    margin-bottom: 18px;
    font-size: 1rem;
    color: #444;
    display: flex;
    align-items: center;
}

.dato-item .icono { margin-right: 15px; font-size: 1.2rem; }
.dato-item a { color: #222; text-decoration: none; font-weight: 600; transition: 0.3s; }
.dato-item a:hover { color: var(--brand-color); }

.columna-formulario-contacto {
    flex: 0.8;
    min-width: 350px;
    padding: 50px;
    background-color: #ffffff;
    border-left: 1px solid #f0f0f0;
}

.tarjeta-formulario-blanca h3 {
    margin: 0 0 10px 0;
    color: var(--dark-color);
    font-size: 2rem;
    font-weight: 800;
}

.ubicacion-texto {
    color: var(--brand-color);
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 0.9rem;
}

/* Inputs del formulario */
.form-group-final { margin-bottom: 15px; }
.form-group-final input, 
.form-group-final textarea {
    width: 100%;
    padding: 15px;
    border: 2px solid #eee;
    border-radius: 12px;
    font-size: 1rem;
    transition: 0.3s;
    box-sizing: border-box;
}

.form-group-final input:focus, 
.form-group-final textarea:focus {
    border-color: var(--brand-color);
    outline: none;
    background-color: #f9fff6;
}

.btn-enviar-final {
    width: 100%;
    padding: 18px;
    background-color: var(--brand-color);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.3s;
}

.btn-enviar-final:hover {
    background-color: #3a7d1e;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(77, 165, 40, 0.2);
}

@media (max-width: 900px) {
    .contenedor-flex-contacto { flex-direction: column; }
    .columna-formulario-contacto { border-left: none; border-top: 1px solid #f0f0f0; padding: 35px; }
}

/* --- FOOTER --- */
.footer-principal {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 60px 5% 30px;
    font-family: sans-serif;
}

.contenedor-footer {
    max-width: 1100px;
    margin: 0 auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.footer-logo {
    color: var(--brand-color, #4da528);
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 15px;
}

.footer-col p {
    color: #bbb;
    line-height: 1.6;
    font-size: 0.95rem;
}

.footer-col h3 {
    font-size: 1.1rem;
    margin-bottom: 20px;
    position: relative;
}

.footer-col h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 30px;
    height: 2px;
    background: var(--brand-color, #4da528);
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    color: #bbb;
    text-decoration: none;
    transition: 0.3s;
    font-size: 0.9rem;
}

.footer-col ul li a:hover {
    color: var(--brand-color, #4da528);
    padding-left: 5px;
}

.footer-bottom {
    border-top: 1px solid #333;
    padding-top: 30px;
    text-align: center;
    font-size: 0.85rem;
    color: #888;
}

.footer-legales {
    margin-top: 10px;
}

.footer-legales a {
    color: #888;
    text-decoration: none;
    margin: 0 5px;
}

/* --- BOTÓN WHATSAPP --- */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    transition: 0.3s;
}

.whatsapp-float img {
    width: 25px;
    margin-right: 10px;
}

.whatsapp-float:hover {
    transform: scale(1.05);
    background-color: #128c7e;
}

@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .footer-col h3::after { left: 50%; transform: translateX(-50%); }
    .whatsapp-float span { display: none; } /* En móvil solo mostramos el icono */
    .whatsapp-float { padding: 15px; border-radius: 50%; }
    .whatsapp-float img { margin-right: 0; }
}

.servicio-instalacion {
    /* Ajusta los 100px según lo que mida tu menú */
    padding-top: 100px; 
    padding-bottom: 60px;
    background-color: #f9f9f9;
    text-align: center;
}

.encabezado-servicio h1 {
    color: #4da528;
    font-size: 2.5rem;
    /* 1. Ajustar el interlineado para que no se corten las tildes o palos altos */
    line-height: 1.3; 
    /* 2. Añadir un pequeño padding superior e inferior por si el contenedor es estrecho */
    padding: 5px 0;   
    margin-bottom: 10px;
    /* 3. Asegurar que no se oculte nada que sobresalga un poco */
    overflow: visible; 
    /* 4. Para móviles: que el texto no sea gigante y rompa el diseño */
    word-wrap: break-word;
}

/* Ajuste opcional para pantallas pequeñas */
@media (max-width: 768px) {
    .encabezado-servicio h1 {
        font-size: 1.8rem;
    }
}
.tagline {
    font-size: 1.2rem;
    color: #555;
    font-weight: bold;
    margin-bottom: 30px;
}

.contenido-texto {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
    color: #333;
    font-size: 1.1rem;
}

.destacado {
    border-left: 5px solid #4da528;
    padding-left: 20px;
    text-align: left;
    margin-bottom: 20px;
}

.btn-presupuesto {
    display: inline-block;
    background-color: #4da528;
    color: white;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 20px;
    transition: background 0.3s;
}

.btn-presupuesto:hover {
    background-color: #3e8e20;
}

/* Layout General */
.grid-layout {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 60px 0;
    flex-wrap: wrap;
}

.columna-imagen {
    flex: 0 0 150px; /* Un poco más de su ancho original para dar margen */
    display: flex;
    justify-content: center;
}

.imagen-redondeada {
    width: 135px; /* Su tamaño real */
    height: 300px; /* Su tamaño real */
    object-fit: cover; /* Si la imagen fuera más grande, esto la encuadra bien */
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    border: 3px solid white; /* Efecto marco para que luzca mejor */
}

/* En móvil la centramos */
@media (max-width: 768px) {
    .grid-layout {
        flex-direction: column;
        text-align: center;
    }
    .columna-imagen {
        margin-bottom: 20px;
    }
}

/* Títulos y Ventajas */
.ventaja-item {
    margin-bottom: 25px;
}

.ventaja-item h3 {
    color: #4da528;
    font-size: 1.3rem;
    margin-bottom: 5px;
}

/* Sección de Pasos */
.proceso-tecnico {
    background-color: #f4fbf2;
    padding: 80px 0;
}

.pasos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.paso {
    background: white;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.numero {
    font-size: 2rem;
    font-weight: 900;
    color: rgba(77, 165, 40, 0.2);
    position: absolute;
    top: 10px;
    right: 15px;
}

.paso h4 {
    color: #333;
    margin-bottom: 10px;
}



/* Contenedor de la sección para dar espacio respecto al menú */
.seccion-faq {
    padding-top: 100px; /* Ajusta esto según la altura de tu menú */
    padding-bottom: 60px;
    background-color: #ffffff;
}

/* Estilo para el H1 de FAQ */
.titulo-faq {
    font-size: 2.5rem;
    color: #333;
    text-align: center;
    margin-bottom: 40px; /* Espacio antes de que empiece el acordeón */
    position: relative;
    font-weight: 800;
    line-height: 1.2;
}

/* Detalle visual opcional: una línea verde debajo del título */
.titulo-faq::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background-color: #4da528; /* Tu verde corporativo */
    margin: 15px auto 0;
    border-radius: 2px;
}

/* Ajuste para móviles */
@media (max-width: 768px) {
    .titulo-faq {
        font-size: 1.8rem;
        padding: 0 20px;
    }
    .seccion-faq {
        padding-top: 80px;
    }
}
.faq-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.faq-pregunta {
    width: 100%;
    padding: 20px;
    text-align: left;
    background: #f9f9f9;
    border: none;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
}
.faq-respuesta {
    padding: 0 20px 20px;
    display: none; /* Se activa con JS */
    color: #555;
    line-height: 1.6;
}
.faq-item.active .faq-respuesta {
    display: block;
}

/* Contenedor del Acordeón */
.acordeon-faq {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-pregunta {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    text-align: left;
}

/* El icono + / - */
.faq-pregunta::after {
    content: '+';
    font-size: 1.5rem;
    color: #4da528;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-pregunta::after {
    content: '-';
    transform: rotate(180deg);
}

.faq-item.active {
    border-color: #4da528;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* La respuesta */
.faq-respuesta {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
    background: #fff;
    padding: 0 20px;
}

.faq-item.active .faq-respuesta {
    max-height: 500px; /* Un valor lo suficientemente grande */
    padding: 0 20px 20px 20px;
}

.faq-respuesta p {
    margin: 0;
    color: #666;
    line-height: 1.6;
}

.servicio-mantenimiento {
    padding-top: 120px; /* Espacio para el menú fijo */
    padding-bottom: 80px;
    background-color: #fff;
    text-align: center;
}

/* Reutilizamos los estilos de los encabezados que ya tienes */
.encabezado-servicio h1 {
    font-size: 2.8rem;
    color: #333;
    margin-bottom: 15px;
}

.tagline {
    font-size: 1.2rem;
    color: #4da528; /* Verde corporativo */
    font-weight: 600;
}

/* Layout Base */
.detalles-mantenimiento {
    padding: 80px 0;
    background-color: #fff;
}

.grid-mantenimiento {
    display: flex;
    gap: 50px;
    align-items: flex-start; /* La imagen no se estira si el texto es corto */
}

/* Columna Imagen (40%) */
.columna-imagen-fija {
    flex: 0 0 40%;
    position: sticky; /* La imagen acompaña al scroll si el texto es muy largo */
    top: 100px; /* Ajuste para tu header fijo */
}

.imagen-cubriente {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    object-fit: cover;
}

/* Columna Texto (60%) */
.columna-texto-mantenimiento {
    flex: 1;
}

/* Estilos de Contenido */
.bloque-beneficios {
    margin-bottom: 50px;
}

.introduccion {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
}

.grid-beneficios {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.beneficio-card {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    border-left: 4px solid #4da528; /* Verde corporativo */
}

.beneficio-card h4 {
    color: #333;
    margin-bottom: 10px;
}

/* Lista de Servicios */
.lista-servicios-tecnicos {
    list-style: none;
    padding: 0;
}

.lista-servicios-tecnicos li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: 1.6;
    color: #555;
}

.lista-servicios-tecnicos li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4da528;
    font-weight: bold;
}

/* Responsive para Móvil */
@media (max-width: 992px) {
    .grid-mantenimiento {
        flex-direction: column;
    }
    
    .columna-imagen-fija {
        flex: 0 0 100%;
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }
}
/* --- SECCIÓN MANTENIMIENTO PÁDEL --- */

.mantenimiento-padel {
    padding: 80px 0;
    background-color: #fcfcfc; /* Un gris casi blanco para dar contraste */
}

.grid-padel {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center; /* Centra verticalmente el texto respecto a la imagen */
}

/* Columna de la Imagen (40%) */
.mantenimiento-padel .columna-imagen {
    flex: 0 0 calc(40% - 30px);
    min-width: 300px;
}

.mantenimiento-padel .img-fluida {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: block;
}

/* Columna del Texto (60%) */
.mantenimiento-padel .columna-texto {
    flex: 1;
    min-width: 350px;
}

/* Tipografía y Títulos */
.subtitulo {
    display: block;
    color: #4da528; /* Verde deportivo */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.mantenimiento-padel h1 {
    font-size: 2.4rem;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.2;
}

.descripcion-principal {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 30px;
}

/* Lista de Servicios (Estilo Check) */
.servicios-especificos h3 {
    font-size: 1.4rem;
    margin-bottom: 15px;
    color: #333;
}

.lista-check {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.lista-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    line-height: 1.5;
    color: #444;
}

/* Icono de check verde */
.lista-check li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #4da528;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

.lista-check li strong {
    color: #222;
}

/* Bloque final destacado */
.valor-añadido {
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-top: 30px;
    font-style: italic;
    color: #666;
}

/* --- RESPONSIVE --- */

@media (max-width: 992px) {
    .grid-padel {
        flex-direction: column; /* Imagen arriba, texto abajo en móviles */
        gap: 40px;
    }
    
    .mantenimiento-padel .columna-imagen, 
    .mantenimiento-padel .columna-texto {
        flex: 0 0 100%;
    }

    .mantenimiento-padel h1 {
        font-size: 2rem;
    }
}

/* --- ESTILOS SERVICIOS DETALLADOS --- */

.servicios-tecnicos-padel {
    padding: 60px 0;
    background-color: #ffffff;
}

.titulo-seccion {
    text-align: center;
    font-size: 2.2rem;
    color: #222;
    margin-bottom: 10px;
}

.subtitulo-seccion {
    text-align: center;
    color: #666;
    margin-bottom: 50px;
    font-size: 1.1rem;
}

.grid-servicios-detallados {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.servicio-card {
    background: #fdfdfd;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eee;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.servicio-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-color: #4da528;
}

/* El detalle verde en cada tarjeta */
.servicio-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #4da528;
}

.servicio-info h4 {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;
}

.servicio-info p {
    color: #555;
    line-height: 1.6;
    font-size: 0.95rem;
    margin: 0;
}

/* Móvil */
@media (max-width: 768px) {
    .titulo-seccion {
        font-size: 1.8rem;
    }
}

/* --- SECCIÓN SOBRE NOSOTROS --- */
/* --- BASE DEL CONTENEDOR (Indispensable) --- */
.contenedor {
    width: 90%;          /* Deja un margen del 5% a cada lado en móviles */
    max-width: 1200px;   /* Evita que en pantallas gigantes el texto se estire demasiado */
    margin: 0 auto;      /* Centra el bloque horizontalmente */
    padding: 0 20px;     /* Colchón extra de seguridad interno */
}

/* Ajuste para que el grid no se rompa */
.historia-grid, .reconocimientos-grid {
    display: flex;
    flex-wrap: wrap;     /* Permite que bajen si no caben */
    align-items: center;
    gap: 60px;
    margin-bottom: 60px;
}
.sobre-nosotros-atlas {
    padding: 100px 0;
    background-color: #fff;
    color: #333;
}

.historia-grid {
    display: flex;
    align-items: center;
    gap: 80px;
    margin-bottom: 60px;
}

.historia-texto {
    flex: 1;
}

.etiqueta-años {
    background: #4da528;
    color: white;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 20px;
}

.historia-texto h2 {
    font-size: 2.6rem;
    margin-bottom: 25px;
    line-height: 1.1;
}

.lead {
    font-size: 1.25rem;
    color: #4da528;
    font-weight: 500;
    margin-bottom: 20px;
}

.img-curva {
    width: 100%;
    border-radius: 30px 100px 30px 30px; /* Un toque de diseño original */
    box-shadow: 20px 20px 0px #f0f0f0;
}

.separador-suave {
    border: 0;
    border-top: 1px solid #eee;
    margin: 60px 0;
}

/* --- BLOQUE DE RESEÑAS Y LOGOS --- */

.reconocimientos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.cifra-google {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.cifra-google .numero {
    font-size: 3.5rem;
    font-weight: 900;
    color: #333;
}

.estrellas {
    color: #ffb400;
    font-size: 1.4rem;
}

.flex-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.logo-item {
    background: #f5f5f5;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    color: #888;
    font-size: 0.9rem;
    border: 1px dashed #ccc;
}

.nota-prensa {
    font-size: 0.9rem;
    color: #999;
    font-style: italic;
}

/* Responsive */
@media (max-width: 992px) {
    .historia-grid, .reconocimientos-grid {
        flex-direction: column;
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* --- SECCIÓN VALORES (4 BLOQUES) --- */

.valores-atlas {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.grid-valores {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap; /* Permite que bajen en móviles */
}

.valor-item {
    flex: 1;
    min-width: 250px; /* Tamaño mínimo para que no se compriman demasiado */
    background: #fff;
    padding: 40px 25px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.valor-item:hover {
    transform: translateY(-10px);
}

.valor-icono {
    font-size: 2.5rem;
    color: #4da528; /* Tu verde corporativo */
    margin-bottom: 20px;
}

/* Si no usas iconos de fuente, puedes usar un círculo con el número o una imagen */
.valor-icono i {
    display: inline-block;
}

.valor-item h3 {
    font-size: 1.2rem;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
}

.valor-item p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .grid-valores {
        justify-content: center;
    }
    .valor-item {
        flex: 0 0 calc(50% - 20px); /* 2 por línea en tablets */
    }
}

@media (max-width: 600px) {
    .valor-item {
        flex: 0 0 100%; /* 1 por línea en móviles */
    }
    .valores-atlas {
        padding: 50px 0;
    }
}

.valor-icono svg {
    color: #4da528; /* Tu verde */
    transition: transform 0.3s ease;
}

.valor-item:hover .valor-icono svg {
    transform: scale(1.1); /* Efecto de crecimiento al pasar el ratón */
    color: #3d8a1f; /* Un verde un poco más oscuro al hacer hover */
}






/* 1. Botones de formulario: El verde debe ser más intenso para que el blanco resalte */
.btn-submit, .btn-enviar-final, .tarifa-boton-verde {
    background-color: #388e3c !important; /* Un verde vibrante pero con suficiente contraste */
    color: #ffffff !important;
    font-weight: 700;
}

/* 2. Textos en gris: El #444 y #555 a veces se quedan cortos si la fuente es fina */
.tarifa-card p, .ubicacion-texto, .unidad {
    color: #212121 !important; /* Casi negro para asegurar legibilidad máxima */
}

/* 3. El Badge de MÁS VENDIDO: Fondo más oscuro */
.popular-badge {
    background-color: #1b5e20 !important; /* Verde bosque profundo */
    color: #ffffff !important;
}

/* 4. Enlaces críticos (Guía de montaje) */
.enlace-guia {
    color: #1b5e20 !important;
    text-decoration: underline;
    text-underline-offset: 3px; /* Mejora visual de accesibilidad */
}

/* 5. Menú de navegación: Los enlaces deben ser #000 o #212121 */
nav a {
    color: #000000 !important;
    font-weight: 700;
}

/* 6. WhatsApp: Aseguramos que el texto "¿Hablamos?" se lea bien */
.whatsapp-float span {
    color: #ffffff !important;
    background-color: #128c7e !important; /* Versión más oscura de verde WhatsApp */
}

/* Botón ENVIAR SOLICITUD y ENVIAR MENSAJE */
.btn-submit, 
.btn-enviar-final {
    background-color: #2e7d32 !important; /* Verde con contraste AA */
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 12px 24px;
    border: none;
    display: inline-block;
    font-size: 16px; /* Menos de 16px puede dar error en móviles */
}

/* Botón PEDIR PRESUPUESTO (Enlace verde) */
.tarifa-boton.tarifa-boton-verde {
    background-color: #1b5e20 !important; /* Verde bosque (Ratio alto) */
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    text-align: center;
    border-radius: 4px;
}

/* Botón de Llamada (Nav y otros sitios) */
.btn-call {
    background-color: #2e7d32 !important; /* Verde Bosque accesible */
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 12px 20px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 5px;
}

/* Texto flotante de WhatsApp o Ayuda */
.whatsapp-float span, 
.whatsapp-float b,
.whatsapp-float {
    background-color: #075e54 !important; /* El verde más oscuro de WhatsApp oficial */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px;
}

/* Si el "Llamar ahora" está en el footer o fondo oscuro, asegúrate de esto: */
footer .btn-call {
    border: 1px solid #ffffff; /* Añadir un borde blanco ayuda al contraste */
}