: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;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
       font-size: 26px;
    }
    h3 {
       font-size: 20px;
    }

     .Negrita-texto{
        font-weight: bold;
        color: #000000;
    }


    /* Encabezado */
   .encabezado-samsung {
       background-color: black;
       color: #FFFFFF;
       text-align: center;
       margin: 0px;
    }
    .sub-samsung {
       border-bottom: 0px solid var(--very-light-pink);
       text-align: justify; 
       text-align: center;
       padding: 30px;
       background-color: rgb(214, 212, 212);
    }
    .sub-titulo {
       margin: 0px 0 -18px;
       padding: 10px;
    }
     
    /* boton 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; 
        animation: efecto 1.2s infinite;
    }
    .whatsapp-button img {
        width: 50px;
    }
    .whatsapp-button:hover {
        transform: scale(1.1);
        transition: 0.3s;
    }



    /* 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);
    } 
    .untitled-total {
        display: flex;
        background-color: #c5caca;
    }

    .untitled-total2 {
        display: flex;
        background-color: #c5caca;
    }

    .untitled-total3 {
        display: flex;
        background-color: #c5caca;
    }

    .untitled {
        border: 0px solid #ddd;
        padding: 50px;
        text-align: justify;
    }
    .untitled2 {
        border: 0px solid #ddd;
        padding: 50px;
        text-align: justify;  
    }
    .untitled3 {
        border: 0px solid #ddd;
        padding: 50px;
        text-align: justify;  
    } 
    .logo1,.logo2,.logo3 {
        width: 310px;
    }
    .logo2 {
        width: 400px;
        height: 240px;
    }
    .logo3 {
        height: 260px;
        padding: 20px 0;
    }

    /* resenas */
    .resenas {
        text-align: center;
        background-color: #1d49ce!important;
        color: #fff;
        text-align: center;
        border-bottom: 0px solid var(--very-light-pink); 
        font-size: 22px;
        padding: 40px;
        font-weight: bold;
    }
    .testimonial {
        width: 250px;
        height: 340px;
        background-color: #fff;
        border: 1px solid #ddd;
        /*border-radius: 10px;*/
        margin: 16px auto;
        padding: 30px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        text-align: center;
        display: grid; 
        position: 0px;       
    }
    .testimonial-orden {
        display: flex;
        padding: 12px 50px;
    }
    .comillas {
     margin: -50px 0 30px;
    }
    .fotos {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 0 auto 20px;
        background-size: cover;
    }
    .name {
        font-size: 17px;
        font-weight: bold;
        text-align: left;
    }
    
    /* sobre nosotro y contacto sobre de pie de pagina*/
    .ss {
        background-color: #001659!important;
        color: #fff;
        border-bottom: 0px solid var(--very-light-pink);
        padding: 60px;
        text-align: justify;
        font-size: 17px;  
    }
    .ss1 {
        display: flex;
    }
    .sobre-nosotros {
        border: 0px solid #ddd;
        margin: 20px;
        text-align: justify; 
    }
    .experiencia {
        border: 0px solid #ddd;
        margin: 20px;
        text-align: justify; 
    }
    .contactos {
        vertical-align: baseline;
        background: 0 0;
        text-align: center;
    } 
    .contactos1 {
        text-align: center;
        color: #FFFFFF;
    }       
    .numero-contacto {
        text-decoration: none;
    } 

    .color-sub-samsung{
            color: #001659;
        }
        .logo-samsung {
            margin: 30px 0 -20px;
        }
        .tv-samsung{
            display: flex ;
        
        }
        .tv-samsung-5 {
            height: 100%;
            width: 50%;
        } 
        .tv-samsung-4  {
           width: 51.6%;
           height: 100%;
        }

       
    /* pie de pagina */
    footer {
        background-color: #05060a!important;
        color: #fff;
        text-align: left;
        border-bottom: 0px solid var(--very-light-pink);
        padding: 20px;  
    }

    .copyright
    {
        margin: 0px 0px 0px 50px;
        font-size: 14px;
        color: #ffffff;
    }

     @media (max-width: 1200px) {
        .untitled-total {
           display: grid;
        }
        .tv-samsung-5 {
            width: 49.7%;
        } 
        .tv-samsung-4  {
           width: 49.7%;
        }
        .logo1,.logo3,.logo2 {
           width: 70%;
        }
        }
        @media (max-width: 1094px){
        .tv-samsung-5 {
            width: 49.5%;
        } 
        .tv-samsung-4  {
           width: 49.5%;
        }

        }
        @media (max-width: 1024px) {
        .ss1 {
            display: grid;
        }
         
        .ss { padding: 10px; }
       
        .testimonial {
            width: 200px;
        }
        .tv-samsung-5 {
            display: none;
        } 
        .tv-samsung-4  {
           width: 100%;
           object-fit: cover;
        }
        h3 {
            text-align: center;
            font-size: 22px;
        }
        }

    @media (max-width: 950px) {
        .logo1,.logo3,.logo2 {
           width: 100%;
        }
        .testimonial-orden {
            display: grid;
        }

        .untitled-total3 {
           display: grid;
        }

        .untitled-total2 {
           display: grid;
        }

        .logo-samsung {
            width: 200px;
        }
       
        }
    
    @media (max-width: 500px) {
        .tv-samsung-4  {
           width: 100%;
        }
        
        }

        @media (max-width: 1850px) {
          
        .untitled-total {
           display: grid;
        }

        }

        
    @keyframes scroll {
         to {
         transform: translate(calc(-50% - 0.5rem));
    
        }
        }
     

    @keyframes efecto {
            0% {
            box-shadow: 0 0 0 0 rgba(22, 54, 7, 0.822);
        }

        100% {
            box-shadow: 0 0 0 25px rgba(126, 224, 80, 0);
        }
    }