/* ARISTA VIVA DEL SUR S.R.L. */

/* ESTILOS GENERALES */

:root {

    --morado: #281b35;

    --morado-claro: #463454;

    --beige: #d5b895;

    --blanco: #ffffff;

    --fondo: #f5f2ed;

    --texto: #302c33;

}

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}

body {

    font-family: Arial, Helvetica, sans-serif;

    background: var(--fondo);

    color: var(--texto);

    line-height: 1.6;

}

/* ENCABEZADO */

header {

    background: var(--morado);

    color: var(--blanco);

    padding: 24px 7%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

    border-bottom: 3px solid var(--beige);

}

header h2 {

    font-size: 19px;

    letter-spacing: 1px;

}

nav {

    display: flex;

    gap: 25px;

    flex-wrap: wrap;

}

nav a {

    color: var(--blanco);

    text-decoration: none;

    font-size: 14px;

    transition: color 0.3s;

}

nav a:hover {

    color: var(--beige);

}

/* PRESENTACIÓN PRINCIPAL */

#inicio {

    background: linear-gradient(

        135deg,

        #171020,

        #352340,

        #55415c

    );

    color: var(--blanco);

    min-height: 520px;

    padding: 120px 9%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}

#inicio h1 {

    font-size: clamp(34px, 5vw, 60px);

    max-width: 850px;

    line-height: 1.15;

    margin-bottom: 25px;

}

#inicio p {

    max-width: 630px;

    font-size: 19px;

    margin-bottom: 35px;

    color: #e8e0e8;

}

#inicio a {

    display: inline-block;

    background: var(--beige);

    color: var(--morado);

    padding: 16px 30px;

    border-radius: 5px;

    text-decoration: none;

    font-weight: bold;

    transition: 0.3s;

}

#inicio a:hover {

    background: white;

    transform: translateY(-3px);

}

/* SECCIONES */

section {

    padding: 85px 9%;

}

section h2 {

    font-size: 34px;

    margin-bottom: 30px;

}

/* SERVICIOS */

#servicios {

    background: var(--fondo);

}

.servicios {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;

}

.servicios article {

    background: var(--blanco);

    padding: 38px 25px;

    min-height: 145px;

    border-radius: 8px;

    border-top: 4px solid var(--beige);

    box-shadow: 0 5px 20px rgba(0,0,0,0.06);

    font-size: 19px;

    font-weight: bold;

    transition: transform 0.3s;

}

.servicios article:hover {

    transform: translateY(-5px);

}

/* SOBRE NOSOTROS */

#nosotros {

    background: white;

}

#nosotros p {

    max-width: 850px;

    font-size: 18px;

    margin-bottom: 20px;

}

/* CONTACTO */

#contacto {

    background: var(--morado);

    color: white;

}

#contacto h2 {

    color: var(--beige);

}

#contacto p {

    margin-bottom: 12px;

    font-size: 18px;

}

/* PIE DE PÁGINA */

footer {

    background: #171020;

    color: #dcd5df;

    text-align: center;

    padding: 25px;

    font-size: 14px;

}

/* DISEÑO PARA CELULARES */

@media (max-width: 768px) {

    header {

        flex-direction: column;

        text-align: center;

    }

    nav {

        justify-content: center;

        gap: 15px;

    }

    #inicio {

        padding: 85px 7%;

        min-height: 450px;

    }

    #inicio p {

        font-size: 16px;

    }

    section {

        padding: 65px 7%;

    }

    section h2 {

        font-size: 28px;

    }

.servicios {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

}

.servicios article {

    padding: 18px 14px;

    min-height: 0;

    font-size: 14px;

}

.servicios article h3 {

    font-size: 17px;

    line-height: 1.3;

}

.servicios article p {

    font-size: 13px;

    line-height: 1.45;

}

.servicios article a {

    font-size: 12px;

}

}

/* FORMULARIO DE PRESUPUESTO */

#presupuesto {

    background: #f5f2ed;

}

#presupuesto > p {

    font-size: 18px;

    margin-bottom: 30px;

}

#form-presupuesto {

    max-width: 650px;

    background: white;

    padding: 35px;

    border-radius: 10px;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08);

}

#form-presupuesto label {

    display: block;

    font-weight: bold;

    margin-bottom: 8px;

    color: #281b35;

}

#form-presupuesto input,

#form-presupuesto select,

#form-presupuesto textarea {

    width: 100%;

    padding: 14px;

    margin-bottom: 22px;

    border: 1px solid #d5c8d5;

    border-radius: 5px;

    font: inherit;

}

#form-presupuesto input:focus,

#form-presupuesto select:focus,

#form-presupuesto textarea:focus {

    outline: 2px solid #d5b895;

}

#form-presupuesto button {

    width: 100%;

    padding: 17px;

    background: #281b35;

    color: white;

    border: none;

    border-radius: 5px;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

}

#form-presupuesto button:hover {

    background: #463454;

}

@media (max-width: 768px) {

    #form-presupuesto {

        padding: 22px;

    }

}

/* CENTRAR FORMULARIO */

#form-presupuesto {

    margin: 0 auto;

}

#presupuesto > h2,

#presupuesto > p {

    text-align: center;

}

/* GALERÍA DE OBRAS */

#obras {

    background: #24192e;

    color: white;

    padding: 90px 9%;

}

.obras-titulo {

    text-align: center;

    margin-bottom: 45px;

}

.subtitulo-obras {

    color: #d5b895;

    font-size: 13px;

    letter-spacing: 3px;

    font-weight: bold;

}

.obras-titulo h2 {

    font-size: 38px;

    margin: 15px 0;

}

.obras-titulo p {

    color: #ded5e2;

    max-width: 650px;

    margin: auto;

}

/* ORGANIZACIÓN DE FOTOGRAFÍAS */

.galeria-obras {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;

}

/* TARJETAS */

.obra-card {

    background: white;

    border-radius: 10px;

    overflow: hidden;

    margin: 0;

    box-shadow: 0 10px 30px rgba(0,0,0,0.2);

    transition: transform 0.3s;

}

.obra-card:hover {

    transform: translateY(-7px);

}

.obra-card img {

    width: 100%;

    height: 240px;

    object-fit: cover;

    display: block;

}

.obra-card figcaption {

    padding: 22px;

    border-top: 4px solid #d5b895;

}

.obra-card h3 {

    color: #281b35;

    font-size: 20px;

    margin-bottom: 8px;

}

.obra-card p {

    color: #655d69;

    font-size: 14px;

}

/* ADAPTACIÓN A CELULARES */

@media (max-width: 1000px) {

    .galeria-obras {

        grid-template-columns: repeat(2, 1fr);

    }

}

/* GALERÍA DE OBRAS PARA CELULARES */

@media (max-width: 650px) {

    #obras {

        padding: 45px 5%;

    }

    .galeria-obras {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 12px;

    }

    .obra-card {

        min-width: 0;

        border-radius: 9px;

    }

    .obra-card img {

        width: 100%;

        height: 130px;

        object-fit: cover;

    }

    .obra-card figcaption {

        padding: 14px 11px;

    }

    .obra-card h3 {

        font-size: 15px;

        line-height: 1.3;

        margin-bottom: 6px;

        overflow-wrap: break-word;

    }

    .obra-card p {

        font-size: 12px;

        line-height: 1.4;

    }

}

/* PORTADA PRINCIPAL CON FOTO REAL */

#inicio {

    background:

        linear-gradient(

            90deg,

            rgba(26, 16, 36, 0.96) 0%,

            rgba(38, 24, 49, 0.88) 45%,

            rgba(38, 24, 49, 0.40) 100%

        ),

        url("imagenes/altura.png");

    background-size: cover;

    background-position: center 65%;

    background-repeat: no-repeat;

    min-height: 650px;

    position: relative;

}

/* TÍTULO MÁS ELEGANTE */

#inicio h1 {

    font-size: clamp(36px, 5vw, 64px);

    font-weight: 700;

    letter-spacing: -1px;

    max-width: 780px;

}

/* TEXTO DE PRESENTACIÓN */

#inicio p {

    max-width: 600px;

    font-size: 19px;

    line-height: 1.8;

}

/* BOTÓN DE PRESUPUESTO */

#inicio a {

    background: #d5b895;

    color: #281b35;

    padding: 17px 34px;

    border-radius: 4px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.2);

}

/* VERSIÓN PARA CELULARES */

@media (max-width: 768px) {

    #inicio {

        min-height: 540px;

        background-position: center 60%;

    }

    #inicio h1 {

        font-size: 36px;

    }

    #inicio p {

        font-size: 16px;

    }

}

/* LOGO DE LA EMPRESA */

.marca {

    display: inline-flex;

    align-items: center;

    text-decoration: none;

}

.logo {

    display: block;

    width: 350px;

    max-width: 100%;

    height: auto;

}

@media (max-width: 768px) {

    .logo {

        width: 280px;

    }

}

/* MEJORA DEL ENCABEZADO EN CELULARES */

@media (max-width: 650px) {

    header {

        padding: 18px 5%;

        flex-direction: column;

        align-items: center;

        gap: 16px;

    }

    .marca {

        justify-content: center;

        width: 100%;

    }

    .logo {

        width: 270px;

        max-width: 100%;

    }

    nav {

        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr));

        width: 100%;

        gap: 8px;

    }

    nav a {

        font-size: 12px;

        text-align: center;

        padding: 8px 2px;

        white-space: nowrap;

    }

}

/* MENÚ DESPLEGABLE PROFESIONAL */

/* En computadoras ocultamos el botón */

header .menu-toggle {

    display: none;

}

/* CONFIGURACIÓN PARA CELULARES */

@media (max-width: 650px) {

    header {

        display: grid;

        grid-template-columns: minmax(0, 1fr) auto;

        align-items: center;

        gap: 12px;

        padding: 18px 5%;

    }

    /* LOGO */

    header .marca {

        grid-column: 1;

        width: auto;

        justify-content: flex-start;

    }

    header .logo {

        width: 240px;

        max-width: 100%;

        height: auto;

    }

    /* BOTÓN DE TRES RAYITAS */

    header .menu-toggle {

        display: inline-flex;

        grid-column: 2;

        align-items: center;

        justify-content: center;

        gap: 7px;

        padding: 10px;

        background: transparent;

        color: white;

        border: 1px solid #d5b895;

        border-radius: 6px;

        font-size: 13px;

        cursor: pointer;

    }

    .icono-menu {

        font-size: 23px;

        line-height: 1;

    }

    /* MENÚ CERRADO */

    header nav {

        display: none;

        grid-column: 1 / -1;

        width: 100%;

        margin: 0;

        padding-top: 10px;

    }

    /* MENÚ ABIERTO */

    header nav.is-open {

        display: flex;

        flex-direction: column;

        gap: 8px;

    }

    /* ENLACES */

    header nav a {

        display: block;

        width: 100%;

        text-align: left;

        font-size: 15px;

        padding: 13px 16px;

        white-space: normal;

        background: #382943;

        color: white;

        border: 1px solid #5a4866;

        border-radius: 5px;

        text-decoration: none;

    }

    header nav a:hover {

        background: #d5b895;

        color: #281b35;

    }

}

/* TARJETAS PROFESIONALES DE SERVICIOS */

.servicios .servicio-card {

    background: #ffffff;

    padding: 34px 28px;

    border-radius: 10px;

    border-top: 3px solid #d5b895;

    display: flex;

    flex-direction: column;

    min-height: 280px;

    box-shadow: 0 8px 25px rgba(40, 27, 53, 0.07);

    transition: transform 0.3s, box-shadow 0.3s;

}

.servicios .servicio-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 14px 35px rgba(40, 27, 53, 0.14);

}

.servicio-numero {

    font-size: 12px;

    font-weight: bold;

    color: #9b7a56;

    letter-spacing: 2px;

    margin-bottom: 24px;

}

.servicios .servicio-card h3 {

    color: #281b35;

    font-size: 23px;

    line-height: 1.3;

    margin-bottom: 15px;

}

.servicios .servicio-card p {

    color: #625c66;

    font-size: 15px;

    font-weight: normal;

    line-height: 1.7;

    margin-bottom: 25px;

}

.servicios .servicio-card a {

    margin-top: auto;

    color: #463454;

    text-decoration: none;

    font-size: 14px;

    font-weight: bold;

    border-top: 1px solid #e7dfd6;

    padding-top: 18px;

}

.servicios .servicio-card a:hover {

    color: #9b7a56;

}

/* CELULARES */

@media (max-width: 650px) {

    .servicios .servicio-card {

        min-height: auto;

        padding: 28px 24px;

    }

    .servicios .servicio-card h3 {

        font-size: 21px;

    }

}

/* PRESENTACIÓN INSTITUCIONAL */

#nosotros {

    background: #faf8f5;

    padding: 95px 9%;

}

.nosotros-contenido {

    display: grid;

    grid-template-columns: 1.4fr 1fr;

    gap: 60px;

    align-items: center;

}

.etiqueta-nosotros {

    color: #9b7a56;

    font-size: 13px;

    letter-spacing: 3px;

    font-weight: bold;

}

.nosotros-texto h2 {

    color: #281b35;

    font-size: clamp(29px, 3vw, 42px);

    line-height: 1.2;

    margin: 20px 0 28px;

}

.nosotros-texto p {

    color: #625c66;

    font-size: 17px;

    line-height: 1.8;

    margin-bottom: 18px;

}

/* TARJETA DE COBERTURA */

.nosotros-datos {

    background: #281b35;

    color: white;

    border-radius: 10px;

    padding: 40px;

    border-bottom: 4px solid #d5b895;

}

.nosotros-datos h3 {

    color: #d5b895;

    font-size: 25px;

    margin-bottom: 20px;

}

.nosotros-datos p {

    color: #f0eaf0;

    line-height: 1.8;

}

.dato-destacado {

    margin-top: 25px;

    padding-top: 20px;

    border-top: 1px solid #6a5875;

    color: #d5b895;

    font-weight: bold;

    letter-spacing: 2px;

    font-size: 13px;

}

/* MATERIALES */

.materiales {

    margin-top: 65px;

    padding-top: 40px;

    border-top: 1px solid #ded7d0;

}

.materiales h3 {

    color: #281b35;

    font-size: 25px;

    margin-bottom: 15px;

}

.materiales p {

    color: #625c66;

}

.marcas {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-top: 20px;

}

.marcas span {

    background: white;

    border: 1px solid #d5b895;

    border-radius: 6px;

    padding: 14px 35px;

    color: #281b35;

    font-size: 19px;

    font-weight: bold;

}

/* ADAPTACIÓN PARA CELULARES */

@media (max-width: 768px) {

    #nosotros {

        padding: 65px 7%;

    }

    .nosotros-contenido {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    .nosotros-datos {

        padding: 28px;

    }

    .materiales {

        margin-top: 45px;

    }

}

/* MISIÓN, VISIÓN Y FORMA DE TRABAJAR */

.pilares-empresa {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 24px;

    margin-top: 65px;

}

.pilar-card {

    background: #ffffff;

    padding: 35px 28px;

    border-radius: 10px;

    border-top: 3px solid #d5b895;

    box-shadow: 0 8px 25px rgba(40,27,53,0.06);

}

.pilar-numero {

    display: block;

    color: #9b7a56;

    font-size: 12px;

    letter-spacing: 2px;

    font-weight: bold;

    margin-bottom: 25px;

}

.pilar-card h3 {

    color: #281b35;

    font-size: 23px;

    line-height: 1.3;

    margin-bottom: 20px;

}

.pilar-card p {

    color: #625c66;

    font-size: 15px;

    line-height: 1.8;

}

/* TARJETA DESTACADA */

.pilar-destacado {

    background: #281b35;

}

.pilar-destacado h3,

.pilar-destacado .pilar-numero {

    color: #d5b895;

}

.pilar-destacado p {

    color: #f0eaf0;

}

/* TABLETS */

@media (max-width: 1000px) {

    .pilares-empresa {

        grid-template-columns: 1fr 1fr;

    }

    .pilar-destacado {

        grid-column: 1 / -1;

    }

}

/* CELULARES */

@media (max-width: 650px) {

    .pilares-empresa {

        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 40px;

    }

    .pilar-destacado {

        grid-column: auto;

    }

    .pilar-card {

        padding: 28px 24px;

    }

}

/* CONTACTO PROFESIONAL */

#contacto {

    background: #281b35;

    color: white;

}

.contacto-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 22px;

    margin-top: 40px;

}

.contacto-item {

    background: #382943;

    padding: 30px;

    border: 1px solid #5a4866;

    border-radius: 9px;

    overflow-wrap: anywhere;

}

.contacto-item h3 {

    color: #d5b895;

    font-size: 20px;

    margin-bottom: 18px;

}

.contacto-item p {

    font-size: 16px;

    margin-bottom: 10px;

}

.contacto-item a {

    color: white;

    text-decoration: none;

    font-weight: bold;

}

.contacto-item a:hover {

    color: #d5b895;

    text-decoration: underline;

}

@media (max-width: 900px) {

    .contacto-grid {

        grid-template-columns: 1fr;

    }

}

/* MEJORAR VISIBILIDAD DE CONTACTOS */

#contacto .contacto-item a {

    display: inline-block;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.7;

    overflow-wrap: anywhere;

}

#contacto .contacto-item a:hover {

    color: #d5b895;

    text-decoration: underline;

}

/* TARJETAS DESPLEGABLES */

.servicio-ver-mas {

    display: none;

}

@media (max-width: 768px) {

    #servicios .servicio-card {

        padding: 16px 12px;

        min-width: 0;

        min-height: 0;

    }

    #servicios .servicio-card h3 {

        font-size: 16px;

        line-height: 1.3;

    }

    #servicios .servicio-card.servicio-plegado p {

        display: none;

    }

    #servicios .servicio-card.servicio-abierto p {

        display: block;

    }

    #servicios .servicio-ver-mas {

        display: block;

        background: transparent;

        border: none;

        padding: 10px 0;

        color: #49305b;

        font-size: 13px;

        font-weight: bold;

        text-align: left;

        cursor: pointer;

    }

}

/* WHATSAPP FLOTANTE */

.whatsapp-flotante {

    display: none;

}

@media (max-width: 768px) {

    .whatsapp-flotante {

        display: flex;

        align-items: center;

        gap: 8px;

        position: fixed;

        bottom: calc(18px + env(safe-area-inset-bottom));

        right: 16px;

        z-index: 9999;

        background: #2d1b38;

        color: #ffffff;

        border: 1px solid #d7b995;

        border-radius: 30px;

        padding: 12px 16px;

        font-size: 14px;

        font-weight: 600;

        text-decoration: none;

        box-shadow: 0 5px 18px rgba(0,0,0,0.25);

    }

}

/* ICONO ORIGINAL DE WHATSAPP */

.icono-whatsapp {

    width: 20px;

    height: 20px;

    fill: currentColor;

    flex-shrink: 0;

}

/* =========================================================
   AJUSTES FINALES PARA CELULARES - ARISTA VIVA DEL SUR
   Quiénes somos / Cobertura / Misión / Visión / Contacto
   Conserva Servicios y Obras en dos columnas.
   ========================================================= */

@media (max-width: 650px) {

    /* Quiénes somos: menos desplazamiento, lectura cómoda */
    #nosotros {
        padding: 42px 6%;
    }

    #nosotros .nosotros-contenido {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    #nosotros .etiqueta-nosotros {
        font-size: 11px;
        letter-spacing: 2px;
    }

    #nosotros .nosotros-texto h2 {
        font-size: clamp(26px, 7vw, 30px);
        line-height: 1.22;
        margin: 10px 0 18px;
    }

    #nosotros .nosotros-texto p {
        font-size: 15px;
        line-height: 1.58;
        margin-bottom: 12px;
    }

    /* Cobertura nacional: tarjeta compacta a lo ancho */
    #nosotros .nosotros-datos {
        padding: 22px 20px;
        border-radius: 9px;
    }

    #nosotros .nosotros-datos h3 {
        font-size: 21px;
        line-height: 1.25;
        margin-bottom: 12px;
    }

    #nosotros .nosotros-datos p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 0;
    }

    #nosotros .dato-destacado {
        margin-top: 16px;
        padding-top: 13px;
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    /* Misión, visión y compromiso: bloques legibles y compactos */
    #nosotros .pilares-empresa {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 26px;
    }

    #nosotros .pilar-card {
        padding: 19px 18px;
        border-radius: 9px;
    }

    #nosotros .pilar-numero {
        font-size: 11px;
        letter-spacing: 1.6px;
        margin-bottom: 9px;
    }

    #nosotros .pilar-card h3 {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 9px;
    }

    #nosotros .pilar-card p {
        font-size: 14px;
        line-height: 1.55;
        margin: 0;
    }

    #nosotros .materiales {
        margin-top: 28px;
        padding-top: 22px;
    }

    #nosotros .materiales h3 {
        font-size: 20px;
    }

    #nosotros .marcas {
        gap: 8px;
        margin-top: 12px;
    }

    #nosotros .marcas span {
        padding: 9px 16px;
        font-size: 14px;
    }

    /* Contacto: tarjetas más cortas, fáciles de leer y tocar */
    #contacto {
        padding: 42px 6% 58px;
    }

    #contacto h2 {
        font-size: 28px;
        line-height: 1.25;
        margin-bottom: 14px;
    }

    #contacto > p {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 0;
    }

    #contacto .contacto-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
        margin-top: 20px;
    }

    #contacto .contacto-item {
        min-width: 0;
        padding: 17px 18px;
        border-radius: 9px;
    }

    #contacto .contacto-item h3 {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 9px;
    }

    #contacto .contacto-item p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    #contacto .contacto-item p:last-child {
        margin-bottom: 0;
    }

    #contacto .contacto-item a {
        font-size: 14px;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    /* WhatsApp: en teléfonos sólo el ícono, sin tapar los textos */
    .whatsapp-flotante {
        width: 52px;
        height: 52px;
        padding: 0;
        gap: 0;
        border-radius: 50%;
        justify-content: center;
        font-size: 0;
    }

    .whatsapp-flotante > span {
        display: none;
    }

    .whatsapp-flotante .icono-whatsapp {
        width: 25px;
        height: 25px;
    }

    /* Evita que el botón cubra el texto del pie de página */
    footer {
        padding: 20px 20px 82px;
    }
}

/* Teléfonos muy angostos: priorizar legibilidad sobre dos columnas */
@media (max-width: 350px) {
    .servicios,
    .galeria-obras {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* WhatsApp flotante visible en celulares */
@media (max-width: 768px) {
  .whatsapp-flotante {
    display: flex !important;
    position: fixed !important;
    bottom: 90px !important;
    right: 16px !important;
    z-index: 999999 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}