@charset "utf-8";
* {margin:0;padding:0}
*, *:before, *:after {
  box-sizing: border-box;
}
html,body{
  margin-top:0px;
  margin-bottom:0px!important;
  min-height:100%;
  height:100%;
  height:auto;
  color:#000000;
  font-size: 11pt;
   font-family: arial, helvetica, sans-serif;
   line-height:normal;
   text-align:justify;
 background:#f7f7f7;
}
ul {margin:0; padding:0; list-style:none;}
li {list-style:none;}
a {color:#FFFFFF; text-decoration:none}
a.un{color:black;font-size:16pt;font-weight:bold;text-decoration:underline}
a:hover {color:#e1e1e1; text-decoration:none}
input, select, textarea {font-size:8pt; color:#000000; height:auto; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:1px; border:1px solid #e1e1e1; margin-top:0px;}
h1{color:#000;width:99%;padding:0 0 1% 0;font-size:15pt;font-weight:normal}
h3 {text-align:left; font-size:14pt; background:transparent;color:#fe6e00; margin:0; padding:10px 0 10px 0; font-weight:normal; display:block; width:100%;height:auto;text-align:center;vertical-align:middle}
#contenedor {
    width:100%; 
    margin-left: auto; 
    margin-right: auto;
	text-align:left;
	overflow:auto;
	z-index:200;
	clear:both;

	}
#contenido{border:0; margin:50px auto 10px auto; height:auto; overflow:auto; width:100%;max-width:1200px; border-bottom:none;}


/* NUEVO CSS */
/* ==========================================
   menú
   ========================================== */
#logo{width:100%;margin:0 0 0 0;z-index:999999;position:fixed}
/* Contenedor Superior */
#top_r {
    width: 100%;
    background: #fe6e00;
    border-bottom: 1px solid #e1e1e1;
    position: fixed; /* Si querés que quede siempre arriba */
    top: 0;
    z-index: 99999;
}

.header-container {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

#top_r span.iso {
    height: 35px;
}

#top_r span.iso img {
    height: 100%;
    border: 0;
}

/* Botón de Menú */
.ver-menu {
    display: block;
}

.ver-menu a span {
    display: inline-block;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
    background-size: contain;
}

.ver-menu .abrir span { background: url("gif/open-menu.png") no-repeat center; }
.ver-menu .cerrar span { background: url("gif/close-menu.png") no-repeat center; }

/* Menú Desplegable */
.menu-navegacion {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#desplegar:target .menu-navegacion {
    height: auto;
    padding: 20px 0;
}

/* Listas del menú */
ul.nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

ul.nav-links li {
    display: inline-block;
}

ul.nav-links a {
    font-size: 8.5pt;
    color: #333;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}

ul.nav-links a:hover { color: #fe6e00; }

/* Estilos especiales */
.altaus a { color: blue !important; font-weight: bold; }

/* Control de botones Abrir/Cerrar */
.cerrar { display: none; }
#desplegar:target .abrir { display: none; }
#desplegar:target .cerrar { display: block; }

/* ==========================================
   cabecera
   ========================================== */
#top_ver {
    background: #fff;
    padding: 25px;
    border-bottom: 1px solid #f0f0f0;
    margin:0 0 0 0;

}

#top_ver h1 {
    font-size: 2rem;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.2;
}

#top_ver .p_ext {
    display: inline-block;
    margin-top: 5px;
}

#top_ver .p_ext small {
    color: #666;
    font-size: 0.9rem;
    margin-left: 5px;
}

/* Contacto y Dirección */
.contacto-header, .direccion-header {
    margin-top: 10px;
    font-size: 1rem;
    color: #444;
}

.contacto-header .d-cont-tel button {
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 0.9rem;
    margin-right: 10px;
    transition: 0.3s;
}

.contacto-header .d-cont-tel button:hover {
    background: #fe6e00;
    color: #fff;
    border-color: #fe6e00;
}

/* Ocultar el texto plano del tel en PC, mostrar botón */
.d-tel { display: none; } 

/* MENÚ DE NAVEGACIÓN TIPO APP */
.menu-navegacion-cliente {
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 50px; /* Debajo de tu top_r fijo */
    z-index: 999;
    
}

.contenedor-scroll {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    overflow-x: auto; /* Permite scroll horizontal */
    white-space: nowrap;
    padding: 10px 0;
    -webkit-overflow-scrolling: touch;
    
}

.contenedor-scroll::-webkit-scrollbar { display: none; } /* Ocultar scrollbar */

.contenedor-scroll a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    color: #666;
    font-size: 0.75rem;
    font-weight: 600;
    transition: 0.3s;
}

.contenedor-scroll a i {
    font-size: 1.2rem;
    margin-bottom: 5px;
    color: #fe6e00;
}

.contenedor-scroll a:hover {
    color: #fe6e00;
}
/* ==========================================
   fotos
   ========================================== */
#fotos_ng {
    float: left;
    width: 40%;
    max-width: 460px;
    margin: 0 15px 15px 0;
}

.slider-principal {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Ocultar barra de scroll para que se vea limpio */
.slider-principal::-webkit-scrollbar { display: none; }

.slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
}

.slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

/* Estilo de las flechas */
.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(254,110,0,0.8);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 3px;
    z-index: 10;
    transition: background 0.3s;
}
.nav-arrow:hover { background: rgba(254,110,0,0.5); }
.prev { left: 10px; }
.next { right: 10px; }


/* ==========================================
   descripcion, servicios, mapa
   ========================================== */
.contenedor-ficha {
        display: flex;
        flex-wrap: wrap; /* Permite que los bloques "caigan" si no entran */
        gap: 2%;
        width: 100%;
        
    }
#bloque-a{width: 78%;min-width: 650px;margin-top:20px;}
#bloque-b {width: 20%;margin-top:20px;}
/*#caracteristicas {float:left;width:100%; height:auto; font-size:11pt; padding:2% 0 0 0; margin:0 0 0 0;
 text-align:left; background:transparent;border-top:1px solid #e1e1e1}*/
 #txt_descripcion{width:100%}
.titulo-serv {
        font-size: 1.15em;
        color: #333;
        margin: 25px 0 10px 0;
        border-left: 4px solid #FE6E00;
        padding-left: 10px;
        text-transform: uppercase;
    }
    .lista-serv {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 8px;
        padding: 0;
        margin-bottom: 20px;
    }
    .lista-serv li {
        list-style: none;
        font-size: 0.95em;
        color: #555;
        display: flex;
        align-items: center;
    }
    .texto-condiciones {
        background: #f8f9fa;
        padding: 15px;
        border-radius: 5px;
        font-size: 0.9em;
        color: #666;
        line-height: 1.5;
        border: 1px solid #eee;
    }
/* ============================================================
   1. formulario de consultas
   ============================================================ */    
#formulario_de_consulta {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-top: 40px;
}

#formulario_de_consulta h3 {
    color: #333;
    font-size: 1.4em;
    margin-bottom: 20px;
    border-left: 5px solid #FE6E00;
    padding-left: 15px;
    text-transform: uppercase;
}

/* Grilla de inputs (Nombre, Email, Tel en una fila) */
.input-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

/* Estilo de los campos de texto */
.form-estilo input[type="text"],
.form-estilo input[type="email"],
.form-estilo input[type="tel"],
.form-estilo textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1em;
    color: #444;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box; /* Fundamental para que el padding no rompa el ancho */
}

.form-estilo input:focus,
.form-estilo textarea:focus {
    border-color: #FE6E00;
    box-shadow: 0 0 5px rgba(254, 110, 0, 0.2);
    outline: none;
}

/* Botones */
.botones {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.boton-naranja {
    background: #FE6E00;
    color: #fff;
    border: none;
    padding: 15px 30px;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    flex: 2; /* El botón de enviar es más ancho */
    transition: background 0.3s;
}

.boton-naranja:hover {
    background: #e56300;
}

.boton-gris {
    background: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px;
    cursor: pointer;
    flex: 1;
}

/* Mensajes de éxito o error */
.exito {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #c8e6c9;
    text-align: center;
}

.exito a {
    color: #FE6E00;
    font-weight: bold;
}

/* ============================================================
   1. columna informacion
   ============================================================ */
#col_r_det{float:right; width:55%;min-width:700px;height:auto;overflow:auto;margin:0 0 5px 0;box-sizing:border-box}
#col_r_det .t-incluye{margin-top: 15px; padding: 10px;height:auto; border-radius: 5px; background: #fdfdfd; border: 1px solid #eee;}
#col_r_det  .t-incluye span.i-ex{font-style:normal;font-size:9pt;color:#009900;padding:0;margin:0 0 5px 0}
.iconos-destacados img{border:0; vertical-align:top;height:22px;padding:0;margin:5px 10px 10px 0; }
#col_r_det  .t-incluye a.visitar{display:block; width:100%;padding:0;color:blue;font-size:9pt;text-align:left}
#col_r_det  .t-incluye a.visitar:hover{color:#585858}

.whatsapp{display:none; background:#25d366; color:white; padding:12px; text-align:center;
text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:3px;}
.whatsapppc{display:block; background:#25d366; color:white; padding:12px; text-align:center;
text-transform:uppercase; text-decoration:none; font-weight:bold; border-radius:3px;}


/* ============================================================
   1. bloque B, redes sociales
   ============================================================ */
/*bloque B cards*/
.card-canal {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.card-canal:hover {
    transform: translateY(-5px);
}

.card-header {
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.wa .card-header { background: #25D366; }
.ig .card-header { background: #E1306C; }

.card-header i { font-size: 1.8em; }
.card-header h4 { margin: 0; font-size: 1.1em; font-weight: 600; }

.card-body {
    padding: 20px;
    text-align: center;
}

.card-body p {
    font-size: 0.9em;
    color: #666;
    line-height: 1.4;
    margin-bottom: 15px;
}

.qr-container img {
    max-width: 130px;
    height: auto;
    border: 5px solid #f9f9f9;
    border-radius: 10px;
}

/* Botones Estilizados */
.btn-comunidad {
    display: block;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    transition: 0.3s;
}

.btn-wa { background: #e8f9ee; color: #25D366; border: 1px solid #25D366; }
.btn-wa:hover { background: #25D366; color: #fff; }

.btn-ig { background: #fdeef3; color: #E1306C; border: 1px solid #E1306C; }
.btn-ig:hover { background: #E1306C; color: #fff; }

/* Control de visibilidad PC vs Móvil */
.txt-movil, .btn-comunidad { display: none; }
.card-canal-clickeable {
    text-decoration: none; /* Quitamos el subrayado */
    display: block; /* Ocupa todo el ancho */
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    color: #333; /* Color de texto por defecto */
}

/* Efecto hover profesional */
.card-canal-clickeable:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* CABECERA CON DEGRADADO OFICIAL DE INSTAGRAM */
.card-header-gradient {
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff; /* Texto blanco sobre el degradado */
    
    /* Degradado oficial de Instagram: Rosa -> Naranja -> Amarillo */
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.card-header-gradient i { font-size: 1.8em; }
.card-header-gradient h4 { margin: 0; font-size: 1.2em; font-weight: 600; }

/* CUERPO CENTRADO COMO EN LA IMAGEN */
.card-body-centered {
    padding: 25px;
    text-align: center;
}

.card-body-centered p {
    font-size: 0.95em;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* El handle de usuario sutil abajo */
.user-handle {
    font-size: 0.8em;
    font-weight: bold;
    color: #E1306C; /* Un rosa para que resalte sutilmente */
    text-transform: lowercase;
}
/* ==========================================
   RESPONSIVE CELULARES
   ========================================== */
@media (max-width: 768px) {
	#contenido { width:94%;margin:0 auto}
	#top_ver {
        padding: 20px 15px;
        margin:50px 0 0 0;
    }
    
    #top_ver h1 { font-size: 1.5rem; }

    /* En móvil, mostramos el texto del tel o botones grandes */
    .contacto-header .d-cont-tel {
        display: block;
        margin-bottom: 10px;
    }

    .contacto-header .d-cont-tel button {
        width: 100%;
        padding: 12px;
        font-size: 1rem;
    }

    .menu-navegacion-cliente {
    	margin-top:0;
        width: 100vw; /* Ocupa todo el ancho de la ventana */
        margin-left: calc(-2.5vw); /* Compensa el margen del 95% del padre */
        border-radius: 0; /* Sin bordes redondeados para que pegue con los bordes */
        
    }
    .contenedor-scroll {
    display: flex;
    overflow-x: auto; 
    gap: 8px;
    padding: 10px 15px;
   
    scrollbar-width: none; /* Oculta scroll en Firefox */
}

.contenedor-scroll::-webkit-scrollbar {
    display: none; /* Oculta scroll en Chrome/Safari */
}

/* Estilo de cada botón del menú del cliente */
.contenedor-scroll a {
    flex: 0 0 auto; /* Importante: evita que los botones se achiquen */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #555;
    font-size: 10px;
}

.contenedor-scroll i {
    font-size: 18px;
    color: #fe6e00; /* Tu naranja característico */
    margin-bottom: 4px;
}
/*.contenedor-scroll span {
    display:none;
}*/

    .pc { display: none; }
    .txt-pc { display: none; }
    .txt-movil { display: block; }
    .btn-comunidad { display: block; }
    #fotos_ng { float: none; width: 100%; max-width: 100%; margin-bottom: 20px; }
    #col_r_det{float: none;
        width: 100% !important; /* Forzamos el ancho total */
        min-width: 0 !important; /* ¡ESTO es lo que te falta para que baje de 700px! */
        height: auto;
        overflow: hidden; /* Cambiamos auto por hidden para evitar scrolls raros */
        margin: 0;
        padding: 0;
        box-sizing: border-box;}
.whatsapp, .whatsapppc, .visitar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        display: block;
    }
    .whatsapppc{display:none}
        #bloque-a, #bloque-b {
        width: 100% !important; 
        min-width: 0 !important; /* ¡ESTO ES CLAVE para que no se estire! */
        max-width: 100%;
    }
    .contenedor-ficha { gap: 0; } /* Evitamos espacios laterales extra */
    #pie-contenedor {
        flex-direction: column; /* Dejamos de estar uno al lado del otro */
        align-items: center;    /* Centramos todo el contenido */
        gap: 30px;
        text-align: center;
    }

    .pie-identidad {
        align-items: center; /* Centramos logo y redes */
        width: 100%;
    }

    .logos-secundarios {
        justify-content: center; /* Centramos logos amigos */
    }

    .pie-navegacion {
        width: 100%;
        /* Pasamos de 3 columnas a 1 o 2, según prefieras. 
           Para móvil, 1 columna es más legible y evita textos cortados */
        grid-template-columns: 1fr; 
        gap: 25px;
    }

    .col-menu {
        border-bottom: 1px solid #f0f0f0; /* Una línea divisoria suave entre bloques */
        padding-bottom: 15px;
    }

    .col-menu:last-child {
        border-bottom: none;
    }

    .redes-pie {
        justify-content: center; /* Centramos iconos sociales */
    }
}
/* ==========================================
   RESPONSIVE TABLETS
   ========================================== */
@media (min-width: 769px) and (max-width: 1024px) {
	    #contenido { width:98%;margin:0 1% 0 1% }
    #fotos_ng {
    float: left;
    width: 50%;
    max-width: 460px;
    margin: 0 15px 15px 0;
}
#col_r_det{float: right;
        width: 48% !important; /* Forzamos el ancho total */
        min-width: 0 !important; /* ¡ESTO es lo que te falta para que baje de 700px! */
        height: auto;
        overflow: hidden; /* Cambiamos auto por hidden para evitar scrolls raros */
        margin: 0;
        padding: 0;
        box-sizing: border-box;}
    .pc { display: block; }
    .txt-pc { display: block; }
    #bloque-a, #bloque-b {
        width: 100% !important; 
        min-width: 0 !important; /* ¡ESTO ES CLAVE para que no se estire! */
        max-width: 100%;
    }
    .contenedor-ficha { gap: 0; } /* Evitamos espacios laterales extra */
}
}


/* ==========================================
   PIE DE PÁGINA
   ========================================== */
#pie {
    width: 100%; /* Ocupa el ancho total del contenedor padre */
    background: #ffffff;
    padding: 40px 0;
    border-top: 1px solid #e1e1e1;
    font-family: sans-serif;
}

/* Contenedor de logos y redes (La parte de arriba) */
#pie .pie-superior {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 0 20px;
}

/* Contenedor principal del pie */
#pie {
    width: 100%;
    padding: 10px 0;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column; /* Apilamos los bloques uno bajo otro */
    align-items: center;
}
#pie-contenedor {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Alinea al tope */
    gap: 40px;
    padding: 20px 10px;
    width: 100%;
    max-width: 1200px; /* Tu ancho de siempre */
    margin: 0 auto;
}

/* Columna Izquierda: Identidad (30%) */
.pie-identidad {
    flex: 1; 
    display: flex;
    flex-direction: column;
    gap: 20px;
   
}

.logo-principal img {
    height: 45px;
    width: auto;
    text-align:center
}

.logos-secundarios {
    display: flex;
    gap: 15px;
    align-items: center;
    opacity: 0.8;
}

.logos-secundarios img {
    height: 35px;
    width: auto;text-align:center
}
.redes-pie {
    display: flex;
    gap: 18px; /* Espacio entre iconos */
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0; /* Una separación sutil de los logos de arriba */
}

.redes-pie a {
    color: #888; /* Color neutro para no ensuciar */
    font-size: 22px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Colores de marca al pasar el mouse */
.redes-pie a[title="Instagram"]:hover { color: #E1306C; }
.redes-pie a[title="YouTube"]:hover   { color: #FF0000; }
.redes-pie a[title="Newsletter"]:hover { color: #0086A8; }
.redes-pie a[title="Facebook"]:hover  { color: #1877F2; }

/* Efecto sutil de salto */
.redes-pie a:hover {
    transform: translateY(-3px);
}
/* Columna Derecha: Menús (70%) */
.pie-navegacion {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas de links */
    gap: 20px;
}

.col-menu h4 {
    font-size: 11pt;
    color: #0086A8;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.col-menu li {
    list-style: none;
    margin-bottom: 5px;
}

.col-menu a {
    text-decoration: none;
    color: #444;
    font-size: 9.5pt;
}

.col-menu a:hover { color: #fe6e00; }

/* Copyright (La parte de abajo) */
#pie .pie-copyright {
    margin-top: 10px;
    padding: 20px;
    font-size: 8.5pt;
    color: #888;
    line-height: 1.6;
    border-top: 1px solid #f5f5f5;
    text-align: center;
}
#pie .pie-copyright a{color:#fe6e00}
#pie .pie-copyright a:hover{color:#000}
/*contactoporwhatsapp.php*/
/* Contenedor de las dos columnas */
#wa-contenido {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px;
}

#wa-header {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#wa-col-qr {
    flex: 1;
    min-width: 300px;
    text-align: center;
}

#wa-col-txt {
    flex: 1;
    min-width: 300px;
}

/* El botón moderno que resalta */
.btn-whatsapp-pc {
    display: inline-block;
    background-color: #25D366;
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
}
#wa-col-txt h4 {
    font-family: 'Tenor Sans', sans-serif; /* Usando la alternativa a Optima que elegiste */
    font-size: 1.1rem;
    line-height: 1.6;        /* Más espacio entre líneas para que sea fácil de leer */
    color: #444;             /* Un gris oscuro, menos agresivo que el negro puro */
    margin-bottom: 1.5rem;   /* Espacio para separar una instrucción de la otra */
    font-weight: 400;        /* Peso normal para que no se vea pesado */
    text-align: left;
}

/* Un toque especial para el texto en negrita dentro del h4 */
#wa-col-txt h4 b {
    color: #000;
    border-bottom: 1px solid #25D366; /* Una línea sutil verde WhatsApp bajo el nombre del cliente */
}