:root {
        --white: #FFFFFF;
        --black: #000000;
        --very-light-pink: #C7C7C7;
        --text-input-field: #F7F7F7;
        --hospital-green: #ACD9B2;
        --sm: 14px;
        --md: 16px;
        --lg: 18px;
   }           
    body { 
        margin: 0;
        font-family: 'Quicksand', sans-serif;
    }

     /* whatsapp*/
    .whatsapp-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999;
        background-color: #25d366;
        border-radius: 50px; 
        width: 60px; 
        height: 60px; 
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s ease-in-out; 
    }
    .whatsapp-button img {
        width: 50px;
    }
    .whatsapp-button:hover {
        transform: scale(1.1);
    }

    /* boton de llamada */

    .llamadas-button{
        position: fixed;
        bottom: 90px;
        right: 20px;
        z-index: 999;
       /* background-color: #25d366;*/
        border-radius: 50px; 
        width: 60px; 
        height: 60px; 
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s ease-in-out; 
    }
    .llamadas-button img {
        width: 50px;
    }
    .llamadas-button:hover {
        transform: scale(1.1);
    }

     .sobre-nosotros2 {
        border: 0px solid #0e0d0d;
        margin: 20px;
        text-align: justify; 
        text-align:center;
    }
     .ss2 {
        color: #fff;
        border-bottom: 0px solid var(--very-light-pink);
        padding: 60px;
        text-align: justify;
        font-size: 17px;  
    }
     .arreglo {
        text-align: justify;
     }
     .vision {
        text-align: center;
        margin-top: 30px;
        padding-top: 10px;
     }
    /* 
    .slider {
        background-image: url('./IMAGEN/Captura\ panasonic1.PNG');
        background-size: cover;
        background-position: center;
        position: absolute;
        height: 60%;
        width: 60%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: efecto linear infinite 50s;
        border-radius: 20px;
    }

    @keyframes efecto {
        20% {
            background-image: url('./IMAGEN/claudia\ gomez.PNG');
        }
        40% {
            background-image: url('./IMAGEN/Isabel\ Mejia.PNG');
        }
        60% {
            background-image: url('./IMAGEN/Juan\ Villareal.PNG');
        }  
        80% {
            background-image: url('./IMAGEN/jairo\ medina.PNG');
        }  
    }
        */