@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* ====================== CSS Main ====================== */
*{ font-family: 'Poppins', sans-serif; }

body { font-family: 'Poppins', sans-serif; }

.navbar { background: #000; }

.gris { background-color: #BEBEBE; }

.gris2 { background: linear-gradient(#848484, #A3A3A3); }

.gris3 { background: linear-gradient(#A3A3A3, #A3A3A3); }

.gris4 { background: linear-gradient(#DBDBDB, #BEBEBE); }

.gris5 { background: linear-gradient(#A3A3A3, #B6B5B5); }

.gris6 { background: #B6B5B5; }

.gs { background: #A3A3A3; }

.gs2 { background: #848484; }

.verde { background-color: #6AC20D; }

.verde2 { background: linear-gradient(#009900, #39B439); }

.verde3 { background: linear-gradient(#636363, #8e8e8e); }

.verde4 { background: linear-gradient(#6AC20D,#8ED346); }

.verde5 { background: #636363; }

.verde6 { background: #3DAD3D; }

.verde7 { background: #007728; }

/* ====================== CSS Footer ====================== */
.negro { background-color: black; }

.verdef { color: #009900; }

.amarillo { background: #E7D539; }

#redes { text-align: center; }

#imgf1 { width: 30%; height: auto; color: white; margin-bottom: 5px; }

/* ====================== Card Effects ====================== */

#card-vision,
#card-mision,
#card6, #card7, 
#card8, #card14 
{ border-color: #336600; }

#card11 { border-color: black; border-radius: 5px; }

#card12 { margin-top: 1rem; }

#card-vision, #card-mision { border-radius: 8px; }

/* ====================== Media Query ====================== */

@media screen and (max-width: 4000px) and (min-width: 2000px)
{
    *
    {
        font-family: 'Poppins', sans-serif;
    }

    #perC
    {
        display: none;
    }

    #iconcorreo
    {
        width: 15%;
        height: auto;
        border-radius: 8px;
    }

    #hiddenTab, #hiddenCel,
    #hiddenV
    {
        display: none;
    }

    #cel1, #cel2,
    #cel3, #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111, #cel112,
    #cel113, #cel114,
    #cel115, #cel99
    {
        display: none;
    }

    #tnosotros
    {
        margin-top: 3rem;
    }

    #hiddenCelLista 
    {
        display: none;
    }

    #tasesoria
    {
        margin-top: 8rem;
        font-size: 32px;
    }

    #tasesoria2
    {
        margin-top: 4rem;
        font-size: 32px;
        margin-bottom: 4rem;
    }

    #prec
    {
        text-align: justify;
        font-size: 19px;
    }

    #hiddenTablet10
    {
        margin-top: 4rem;
    }

    #hiddenTablet102
    {
        margin-top: -3rem;
    }

    #eslogan, #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 36px;
        color: #007728;
        font-weight: bold;
    }

    #treciclaje
    {
        margin-top: 6rem;
    }

    #tcontacto
    {
        margin-top: 4rem;
    }
    
    #cenefaI 
    {
        width: 103%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -25px;
    }
    
    #cenefa2 
    {
        width: 102%;
        height: auto;
        margin-top: 5rem;
        margin-left: -10px;
    }
    
    #cenefa3 
    {
        width: 102%;
        height: auto;
        margin-top: -2px;
        margin-left: -10px;
    }

    #imgLista 
    {
        width: 35%;
        height: auto;
    }
    
    #imgLista2 
    {
        width: 29%;
        height: auto;
    }

    #plista
    {
        font-size: 22px;
        margin-top: 12px;
    }
    
    #imgMundo 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    
    #t1, #t2
    { 
        text-align: center;
        color: #009900;
    }

    #tfinal1, #tgob,
    #tfinal2, #tfinal3
    {
        text-align: center;
        color: #009900;
    }

    #imgleaf, #imgreciclar
    {
        width: 40%;
        height: auto;
        margin-top: 20px;
    }

    #imgRecPla, #imgAmb,
    #imgFabi
    {
        width: 40%;
        height: auto;
        margin-top: 4rem;
    }

    #imgplaneta
    {
        width: 40%;
        height: auto;
        margin-top: 2rem;
    }

    #logogif
    {
        width: 135px;
        height: 139px;
        align-items: left;
        margin-left: 6rem;
    }

    .mart 
    {
        margin-top: 0.8rem;
        margin: 1.2rem;
    }
    
    #btnhover 
    {
        color: #009900;
        font-size: 22px;
    }

    #slider
    {
        margin-top: 5rem;
    }

    #btnhover:hover 
    {
        background-color: #009900;
        color: white;
        border-radius: 4px;
    }

    #tablet1, #tablet2,
    #tablet3, #tablet4,
    #tablet5, #tablet6,
    #tablet7, #tablet8,
    #tablet72, #tablet73,
    #tablet9, #tablet10,
    #tablet11, #tablet112,
    #tablet113, #tablet114,
    #tablet1111, #tablet1112,
    #tablet1113, #tablet115,
    #tablet1114, #tablet1115 
    {
        display: none;
    }

    #t1, #t2
    {
        text-align: center;
        color: #009900;
        font-size: 35px;
    }

    #tfinal1, #tgob,
    #tfinal2, #tfinal3
    {
        text-align: center;
        color: #009900;
    }

    #tgob
    {
        font-size: 30px;
    }

    #imgleaf, #imgreciclar
    {
        width: 38%;
        height: auto;
        margin-top: 3rem;
    }

    #imgRecPla, #imgAmb,
    #imgFabi
    {
        width: 38%;
        height: auto;
        margin-top: 4rem;
    }

    #imgplaneta
    {
        width: 35%;
        height: auto;
        margin-top: 10rem;
    }

    #imgbarras
    {
        width: 35%;
        height: auto;
        margin-top: 4rem;
    }

    #imgautoriza
    {
        width: 60%;
        height: auto;
        margin-top: 10rem;
    }

    #imgasesoria
    {
        width: 100%;
        height: 700px;
        border-radius: 30px;
        box-shadow: 20px;
        margin-top: 3rem;
    }

    #p2
    {
        text-align: justify;
        font-size: 25px;
        margin-top: 8rem;
        margin-left: 4rem;
        padding: 25px 25px 0;
    }

    #tac
    {
        font-size: 33px;
    }

    #tcc
    {
        font-size: 28px;
        margin-bottom: 2rem;
    }

    #imgtamboaceite
    {
        width: 80%;
        margin-left: 4rem;
        height: auto;
    }

    #card9
    {
        margin-top: 5rem;
    }

    #imgtambos3
    {
        width: 80%;
        margin-left: -4rem;
        height: auto;
        margin-top: 6rem;
    }

    #card10
    {
        margin-top: 9rem;
    }

    #imgtotes
    {
        width: 90%;
        height: auto;
        margin-top: 9rem;
        margin-bottom: 3rem;
        margin-left: 6rem;
    }

    #imgpicto
    {
        width: 70%;
        height: auto;
        margin-top: 4rem;
        margin-left: 7rem;
    }

    #imgpicto2
    {
        width: 70%;
        margin-top: 4rem;
        height: auto;
    }

    #card11
    {
        margin-top: 4rem;
    }

    #treciclaje
    {
        font-size: 32px;
        margin-top: 5rem;
    }

    #treciclaje2
    {
        font-size: 32px;
    }

    #card12
    {
        margin-top: 7rem;
    }

    #tcr
    {
        font-size: 32px;
    }

    #tcr2
    {
        font-size: 30px;
    }

    #imgAceite 
    {
        border-radius: 8px;
        margin-top: 2rem;
        width: 80%;
        height: auto;
        margin-left: 6rem;
        margin-bottom: 3rem;
    }
    
    #imgAceite2 
    {
        border-radius: 8px;
        width: 100%;
        height: auto;
        margin-top: 6.5rem;
        margin-left: -4rem;
    }

    #card13
    {
        margin-top: 6rem;
        margin-left: 4rem;
    }

    #card14
    {
        margin-top: 12rem;
        margin-right: 4rem;
        padding: 25px 25px 0;
    }

    #imgAceite3
    {
        width: 100%;
        height: auto;
        border-radius: 8px;
        margin-top: 5rem;
        margin-left: 2rem;
        margin-bottom: 3rem;
    }

    #tfinal3
    {
        font-size: 32px;
    }

    #itemlistrec
    {
        font-size: 23px;
    }

    #prec
    {
        font-size: 25px;
        padding: 25px 25px 0;
    }

    #imgcontacto
    {
        width: 5%;
        height: auto;
    }

    #imgcentroacopio
    {
        width: 100%;
        height: auto;
        border-radius: 7px;
        box-shadow: 4em;
        margin-top: 2rem;
    }

    #pasesoria
    {
        text-align: justify;
        font-size: 26px;
        margin-top: 17rem;
        padding: 25px 25px 0;
    }
    
    #imgSlider1, #imgSlider2,
    #imgSlider3, #imgSlider4
    {
        width: 100%;
        height: 1050px;
        margin-top: 2rem;
    }


    #pcard1, #pcard2,
    #pcard3, #pcard4
    {
        text-align: justify;
        font-size: 22px;
        padding: 26px 26px 0;
    }



    #pcardv
    {
        text-align: justify;
        font-size: 27px;
        margin-top: 3rem;
    }

    #pcardm
    {
        text-align: justify;
        font-size: 27px;
        margin-top: 8rem;
        padding: 27px 27px 0;
    }

    #listObj
    {
        text-align: justify;
        font-size: 27px;
    }

    #pcardv2 
    {
        font-size: 36px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
    }

    #p1
    {
        text-align: justify;
        font-size: 25px;
        padding: 24px 24px 0;
    }

    #lista1 li
    {
        font-size: 17px;
        list-style: none;
    }

    #pcontacto
    {
        text-align: center;
        font-size: 26px;
    }

    #btncontacto
    {
        font-size: 22px;
    }

    #pnosotros
    {
        font-size: 18px;
    }

    #btnwhatsf
    {
        display: none;
    }

    /* Botón para Whatsapp */

    .float 
    {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }

    .float:hover 
    {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

    .my-float 
    {
        margin-top: 16px;
    }

    .navbar-center
    {
        text-align: center;
        margin-left: 20%;
    }

    #tca
    {
        font-size: 28px;
    }

    #pcard5, #pcard7,
    #pcard8, #pcard6
    {
        padding: 35px 35px 0;
    }


    #listaRes
    {
        margin-top: -3rem;
        font-size: 22px;
    }

    #listaRes2
    {
        font-size: 25px;
    }

    #card2
    {
        margin-top: 13.5rem;
    }

    #card4
    {
        margin-top: 15rem;
    }

    #card3
    {
        margin-top: 13rem;
    }

    #card1
    {
        margin-top: 4.5rem;
    }

    #card5
    {
        margin-top: 1rem;
        margin-right: 3rem;
    }

    #card7
    {
        margin-top: 0.8rem;
        margin-left: 3rem;
    }

    #card8
    {
        margin-top: 4rem;
        margin-left: 3rem;
    }

    #card6
    {
        margin-top: 2rem;
        margin-right: 3rem;
    }

    #card72
    {
        margin-left: 3rem;
        margin-top: 2rem;
    }

    #imgas
    {
        width: 98%;
        height: auto;
        margin-left: -0.8rem;
        border-radius: 8px;
    }

    #imgas2
    {
        width: 100%;
        height: 580px;
        margin-left: 1.8rem;
        border-radius: 8px;
    }

    #imgas3
    {
        width: 100%;
        height: auto;
        margin-left: 1rem;
        margin-top: 2rem;
        border-radius: 8px;
        margin-bottom: 2rem;
    }

    #imgas4
    {
        width: 96%;
        height: auto;
        margin-left: 2.3rem;
        margin-top: 2rem;
        border-radius: 8px;
        margin-bottom: 2rem;
    }

    #absol
    {
        font-size: 30px;
    }

    #tcentroa
    {
        font-size: 32px;
        margin-top: 5rem;
        margin-bottom: 2rem;
    }

    #sup
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #peslogan
    {
        margin-top: 23rem;
    }

    #tproblema
    {
        font-size: 35px;
    }


    #imgMision
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        margin-left: -5rem;
    }

    #imgMision:hover,
    #imgVision:hover,
    #imgObj:hover
    {
        transform: scale(1.05);
    }

    #imgVision
    {
        width: 100%;
        height: auto;
    }

    #imgObj
    {
        width: 100%;
        height: auto;
    }

    #imgf1
    {
        margin-bottom: 1rem;
    }

    #contactof
    {
        font-size: 23px;
        margin-top: 2rem;
    }

    #tredes
    {
        margin-top: 2rem;
        font-size: 27px;
    }

    #iconf, #btnwhatsf
    {
        font-size: 50px;
    }

    #pcard1, #pcard2,
    #pcard3, #pcard4 
    {
        text-align: justify;
        font-size: 24px;
        padding: 23px 23px 0;
    }

    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72,
    #cardacopio 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #imgleaf 
    {
        width: 50%;
        height: auto;
        margin-top: 0.2rem;
        border-radius: 6px;
    }
    
    #imgFabi 
    {
        width: 92%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }
    
    #imgRecPla 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }
    
    #imgAmb 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #tnosotros
    {
        margin-top: 5rem;
        font-size: 35px;
    }
}

@media screen and (max-width: 1999px) and (min-width: 1700px) 
{
    * 
    {
        font-family: 'Poppins', sans-serif;
    }

    #perC
    {
        display: none;
    }

    #iconcorreo
    {
        width: 15%;
        height: auto;
        border-radius: 8px;
    }

    #cel1,
    #cel2,
    #cel3,
    #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111,
    #cel112,
    #cel113,
    #cel114,
    #cel115,
    #cel99 
    {
        display: none;
    }

    #sup 
    {
        width: 100%;
        height: auto;
    }

    #hiddenCelLista 
    {
        display: none;
    }

    #tnosotros 
    {
        margin-top: 3rem;
    }

    #peslogan 
    {
        margin-top: 19rem;
    }

    #contactof 
    {
        font-size: 20px;
        margin-top: 1.5rem;
    }

    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 28px;
        color: #007728;
        font-weight: bold;
    }

    #card9,
    #card10,
    #card11,
    #card13,
    #card14,
    #card5,
    #card7,
    #card8,
    #card6,
    #card1,
    #card2,
    #card3,
    #card4,
    #card72,
    #cardacopio 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #cenefa2 
    {
        width: 102%;
        height: auto;
        margin-top: 5rem;
        margin-left: -18px;
    }

    #cenefa3 
    {
        width: 102%;
        height: auto;
        margin-top: -2px;
        margin-left: -18px;
    }

    #hiddenTablet10
    {
        margin-top: 5rem;
    }

    #listaRes 
    {
        font-size: 20px;
    }

    #card5 
    {
        margin-left: -2rem;
    }

    #card6 
    {
        margin-left: -2rem;
    }

    #card7 
    {
        margin-top: -0.2rem;
        margin-bottom: 2.5rem;
    }

    #card72 
    {
        margin-top: -0.1rem;
        margin-left: 6rem;
    }

    #card7,
    #card8 
    {
        margin-left: 6rem;
    }

    #imgLista 
    {
        width: 35%;
        height: auto;
    }

    #plista 
    {
        font-size: 20px;
    }

    #imgLista2 
    {
        width: 31%;
        height: auto;
    }

    #imgMundo 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    nav 
    {
        height: 15vh;
    }

    #hiddenTab,
    #hiddenCel,
    #hiddenV 
    {
        display: none;
    }

    #t1,
    #t2 
    {
        text-align: center;
        color: #009900;
    }

    #tfinal1,
    #tgob,
    #tfinal2,
    #tfinal3 
    {
        text-align: center;
        color: #009900;
    }

    #imgreciclar 
    {
        width: 38%;
        height: auto;
        margin-top: 3rem;
    }

    #imgleaf 
    {
        width: 50%;
        height: auto;
        margin-top: 0.2rem;
        border-radius: 6px;
    }

    #imgFabi 
    {
        width: 92%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgRecPla 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgAmb 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgplaneta 
    {
        width: 20%;
        height: auto;
    }

    #imgbarras 
    {
        width: 20%;
        height: auto;
    }

    #imgautoriza 
    {
        width: 60%;
        height: auto;
        margin-top: 5rem;
    }

    #imgautoriza:hover 
    {
        transform: scale(1.05);
    }

    #imgasesoria 
    {
        width: 100%;
        height: 600px;
        border-radius: 8px;
        margin-top: 1rem;
    }

    #p2 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 8rem;
        margin-left: 3rem;
        padding: 20px 20px 0;
    }

    #imgcontacto 
    {
        width: 5%;
        height: auto;
    }

    #imgcentroacopio 
    {
        width: 100%;
        height: auto;
        border-radius: 7px;
        box-shadow: 4em;
        margin-top: 2rem;
    }

    #prec 
    {
        text-align: justify;
        font-size: 22px;
    }

    #itemlistrec 
    {
        font-size: 20px;
    }

    #pasesoria 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 19%;
        padding: 29px 29px 0;
    }

    #imgSlider1,
    #imgSlider2,
    #imgSlider3,
    #imgSlider4 
    {
        width: 100%;
        height: 750px;
        margin-top: 3rem;
    }

    .mart 
    {
        margin-top: 1rem;
        margin: 1.2rem;
    }

    #btnhover 
    {
        color: #009900;
        font-size: 19px;
    }

    #btnhover:hover 
    {
        background-color: #009900;
        color: white;
        border-radius: 4px;
    }

    #card9,
    #card10,
    #card11,
    #card13,
    #card14,
    #card5,
    #card7,
    #card8,
    #card6,
    #card1,
    #card2,
    #card3,
    #card4,
    #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #pcard1,
    #pcard2,
    #pcard3,
    #pcard4 
    {
        text-align: justify;
        font-size: 20px;
        padding: 19px 19px 0;
    }

    #pcard5,
    #pcard6,
    #pcard7,
    #pcard8 
    {
        font-size: 22px;
    }

    #pcardm 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 7rem;
        padding: 22px 22px 0;
    }

    #treciclaje 
    {
        margin-top: 3rem;
    }

    #tasesoria 
    {
        margin-top: 6rem;
    }

    #tasesoria2 
    {
        margin-top: 3rem;
    }

    #hiddenTablet10 
    {
        margin-top: 5rem;
    }

    #tcontacto 
    {
        margin-top: 3rem;
    }

    #tcentroa 
    {
        margin-top: 3rem;
    }

    #pcardv 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 4rem;
        padding: 19px 19px 0;
    }

    #pcardv2 
    {
        font-size: 33px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
        margin-right: 1rem;
    }

    #iconf 
    {
        font-size: 50px;
    }

    #pcardobj 
    {
        text-align: justify;
        font-size: 21px;
        padding: 19px 19px 0;
    }

    #listObj 
    {
        font-size: 22px;
        text-align: justify;
    }

    #p1 
    {
        text-align: justify;
        font-size: 20px;
        padding: 15px 15px 0;
    }

    #lista1 li 
    {
        font-size: 21px;
        list-style: none;
    }

    #pcontacto 
    {
        text-align: center;
        font-size: 21px;
    }

    #pnosotros 
    {
        font-size: 21px;
        text-align: justify;
    }

    #tablet1,
    #tablet2,
    #tablet3,
    #tablet4,
    #tablet5,
    #tablet6,
    #tablet7,
    #tablet8,
    #tablet72,
    #tablet73,
    #tablet9,
    #tablet10,
    #tablet11,
    #tablet112,
    #tablet113,
    #tablet114,
    #tablet1111,
    #tablet1112,
    #tablet1113,
    #tablet115,
    #tablet1114,
    #tablet1115 
    {
        display: none;
    }

    #btnwhatsf 
    {
        display: none;
    }

    /* Botón para Whatsapp */

    .float 
    {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }

    .float:hover 
    {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

    .my-float 
    {
        margin-top: 16px;
    }

    .navbar-center 
    {
        text-align: center;
        margin-left: 21%;
    }

    #logogif 
    {
        width: 129px;
        height: 131px;
        margin-left: 2.5rem;
    }

    #imgMision 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        margin-left: -1rem;
    }

    #imgMision:hover 
    {
        transform: scale(1.05);
    }

    #imgVision 
    {
        width: 100%;
        height: auto;
    }

    #imgVision:hover 
    {
        transform: scale(1.05);
    }

    #imgObj 
    {
        width: 90%;
        height: auto;
        margin-top: 4rem;
    }

    #imgObj:hover 
    {
        transform: scale(1.05);
    }

    #imgAceite3 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 6rem;
        margin-left: 3rem;
        margin-bottom: 4rem;
    }

    #imgAceite 
    {
        border-radius: 7px;
        width: 80%;
        margin-top: 1rem;
        height: auto;
        margin-left: 7rem;
        margin-bottom: 3rem;
    }

    #imgAceite2 
    {
        border-radius: 7px;
        width: 100%;
        margin-top: 12.5rem;
        height: auto;
        margin-left: -3rem;
    }

    #imgas,
    #imgas3,
    #imgas4 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    #imgas 
    {
        margin-left: -1rem;
    }

    #imgas2
    {
        width: 105%;
        height: 550px;
        border-radius: 6px;
        margin-left: 3rem;
    }

    #imgas4 
    {
        margin-left: 3rem;
    }

    #imgpicto,
    #imgpicto2 
    {
        width: 80%;
        height: auto;
        margin-top: 4rem;
    }

    #imgpicto2 
    {
        margin-left: 4rem;
    }

    #imgtamboaceite 
    {
        width: 90%;
        height: auto;
        margin-top: 3rem;
    }

    #imgtambos3 
    {
        width: 90%;
        height: auto;
        margin-top: 3rem;
    }

    #imgtotes 
    {
        width: 100%;
        height: auto;
        margin-top: 6.5rem;
        margin-right: -5rem;
    }

    #card1 
    {
        margin-top: 2rem;
    }

    #card2 
    {
        margin-top: 10rem;
    }

    #card3 
    {
        margin-top: 10rem;
    }

    #card4 
    {
        margin-top: 11rem;
    }

    #card14 
    {
        margin-top: 5rem;
    }

    #card9 
    {
        margin-top: 6rem;
    }

    #card10 
    {
        margin-top: 6.5rem;
        margin-bottom: 3rem;
        margin-left: -3rem;
    }

    #card12 
    {
        margin-left: -3rem;
        margin-top: 3rem;
    }

    #card13 
    {
        margin-top: 5rem;
        margin-left: 3rem;
    }

    #card14 
    {
        margin-top: 10rem;
        margin-left: -3rem;
    }

    #tredes 
    {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 1699px) and (min-width: 1400px)
{
    * 
    {
        font-family: 'Poppins', sans-serif;
    }

    #perC
    {
        display: none;
    }

    #iconcorreo
    {
        width: 15%;
        height: auto;
        border-radius: 8px;
    }

    #cel1, #cel2,
    #cel3, #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111, #cel112,
    #cel113, #cel114,
    #cel115, #cel99
    {
        display: none;
    }

    #sup 
    {
        width: 100%;
        height: auto;
    }

    #hiddenCelLista 
    {
        display: none;
    }

    #tnosotros
    {
        margin-top: 3rem;
    }

    #peslogan
    {
        margin-top: 19rem;
    }

    #contactof
    {
        font-size: 20px;
        margin-top: 1.5rem;
    }
    
    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 28px;
        color: #007728;
        font-weight: bold;
    }

    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72,
    #cardacopio 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }
    
    #cenefa2 
    {
        width: 102%;
        height: auto;
        margin-top: 5rem;
        margin-left: -18px;
    }
    
    #cenefa3 
    {
        width: 102%;
        height: auto;
        margin-top: -2px;
        margin-left: -18px;
    }

    #listaRes
    {
        font-size: 20px;
    }

    #card5 
    {
            margin-left: -2rem;
    }

    #card6
    {
        margin-left: -2rem;
    }
    
    #card7 
    {
        margin-top: -0.2rem;
        margin-bottom: 2.5rem;
    }
    
    #card72 
    {
        margin-top: -0.1rem;
        margin-left: 6rem;
    }
    
    #card7,
    #card8 
    {
        margin-left: 6rem;
    }

    #imgLista 
    {
        width: 35%;
        height: auto;
    }

    #plista
    {
        font-size: 20px;
    }
    
    #imgLista2 
    {
        width: 31%;
        height: auto;
    }
    

    #imgMundo 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    nav 
    {
        height: 15vh;
    }
    
    #hiddenTab,
    #hiddenCel,
    #hiddenV
    {
        display: none;
    }
    
    #t1,
    #t2 
    {
        text-align: center;
        color: #009900;
    }
    
    #tfinal1,
    #tgob,
    #tfinal2,
    #tfinal3 
    {
        text-align: center;
        color: #009900;
    }
    
    #imgreciclar 
    {
        width: 38%;
        height: auto;
        margin-top: 3rem;
    }

    #imgleaf
    {
        width: 50%;
        height: auto;
        margin-top: 0.2rem;
        border-radius: 6px;
    }

    #imgFabi
    {
        width: 92%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgRecPla
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgAmb
    {
        width: 90%;
        height: auto;
        margin-top: 1rem; 
        border-radius: 6px;   
    }
    
    #imgplaneta 
    {
        width: 20%;
        height: auto;
    }
    
    #imgbarras 
    {
        width: 20%;
        height: auto;
    }
    
    #imgautoriza 
    {
        width: 60%;
        height: auto;
        margin-top: 5rem;
    }

    #imgautoriza:hover
    {
        transform: scale(1.05);
    }
    
    #imgasesoria 
    {
        width: 100%;
        height: 600px;
        border-radius: 8px;
        margin-top: 1rem;
    }
    
    #p2 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 8rem;
        margin-left: 3rem;
        padding: 20px 20px 0;
    }
    
    #imgcontacto 
    {
        width: 5%;
        height: auto;
    }
    
    #imgcentroacopio 
    {
        width: 100%;
        height: auto;
        border-radius: 7px;
        box-shadow: 4em;
        margin-top: 2rem;
    }

    #prec
    {
        text-align: justify;
        font-size: 22px;
    }

    #itemlistrec
    {
        font-size: 20px;
    }
    
    #pasesoria 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 19%;
        padding: 29px 29px 0;
    }
    
    #imgSlider1,
    #imgSlider2,
    #imgSlider3,
    #imgSlider4
    {
        width: 100%;
        height: 750px;
        margin-top: 3rem;
    }

    .mart 
    {
        margin-top: 1rem;
        margin: 1.2rem;
    }
    
    #btnhover 
    {
        color: #009900;
        font-size: 19px;
    }
    
    #btnhover:hover 
    {
        background-color: #009900;
        color: white;
        border-radius: 4px;
    }
    
    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }
    
    #pcard1,
    #pcard2,
    #pcard3,
    #pcard4 
    {
        text-align: justify;
        font-size: 20px;
        padding: 19px 19px 0;
    }

    #pcard5,
    #pcard6,
    #pcard7,
    #pcard8 
    {
        font-size: 22px;
    }
    
    #pcardm
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 7rem;
        padding: 22px 22px 0;
    }

    #treciclaje
    {
        margin-top: 4rem;
    }

    #tasesoria
    {
        margin-top: 5rem;
    }

    #tasesoria2
    {
        margin-top: 3rem;
    }

    #hiddenTablet10
    {
        margin-top: 5rem;
    }

    #hiddenTablet103
    {
        margin-top: 1rem;
    }

    #tcontacto
    {
        margin-top: 3rem;
    }

    #tcentroa
    {
        margin-top: 3rem;
    }

    #pcardv 
    {
        text-align: justify;
        font-size: 21px;
        margin-top: 4rem;
        padding: 19px 19px 0;
    }

    #pcardv2 
    {
        font-size: 33px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
        margin-right: 1rem;
    }

    #iconf
    {
        font-size: 50px;
    }

    #pcardobj
    {
        text-align: justify;
        font-size: 21px;
        padding: 19px 19px 0;
    }

    #listObj
    {
        font-size: 22px;
        text-align: justify;
    }
    
    #p1 
    {
        text-align: justify;
        font-size: 20px;
        padding: 15px 15px 0;
    }
    
    #lista1 li 
    {
        font-size: 21px;
        list-style: none;
    }
    
    #pcontacto 
    {
        text-align: center;
        font-size: 21px;
    }
    
    #pnosotros 
    {
        font-size: 21px;
        text-align: justify;
    }
    
    #tablet1, #tablet2,
    #tablet3, #tablet4,
    #tablet5, #tablet6,
    #tablet7, #tablet8,
    #tablet72, #tablet73,
    #tablet9, #tablet10,
    #tablet11, #tablet112,
    #tablet113, #tablet114,
    #tablet1111, #tablet1112,
    #tablet1113, #tablet115,
    #tablet1114, #tablet1115 
    {
        display: none;
    }
    
    #btnwhatsf 
    {
        display: none;
    }
    
    /* Botón para Whatsapp */
    
    .float 
    {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }
    
    .float:hover 
    {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }
    
    .my-float 
    {
        margin-top: 16px;
    }
    
    .navbar-center 
    {
        text-align: center;
        margin-left: 6%;
    }

    #logogif
    {
        width: 129px;
        height: 131px;
        margin-left: 2.5rem;
    }

    #imgMision
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        margin-left: -1rem;
    }

    #imgMision:hover
    {
        transform: scale(1.05);
    }

    #imgVision
    {
        width: 100%;
        height: auto;
    }

    #imgVision:hover
    {
        transform: scale(1.05);
    }

    #imgObj
    {
        width: 90%;
        height: auto;
        margin-top: 4rem;
    }

    #imgObj:hover
    {
        transform: scale(1.05);
    }
    
    #imgAceite3 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 6rem;
        margin-left: 3rem;
        margin-bottom: 4rem;
    }
    
    #imgAceite 
    {
        border-radius: 7px;
        width: 80%;
        margin-top: 1rem;
        height: auto;
        margin-left: 7rem;
        margin-bottom: 3rem;
    }

    #imgAceite2
    {
        border-radius: 7px;
        width: 100%;
        margin-top: 15rem;
        height: auto;
        margin-left: -3rem;
    }

    #imgas2, #imgas3
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    #imgas 
    {
        margin-left: -1rem;
        width: 97%;
        height: auto;
        border-radius: 6px;
    }
       
    #imgas2
    {
        width: 105%;
        height: 410px;
        border-radius: 6px;
        margin-left: 3rem;
    }
        
    #imgas4 
    {
        margin-left: 3rem;
        width: 97%;
        border-radius: 6px;
    }

    #imgpicto,
    #imgpicto2 
    {
        width: 80%;
        height: auto;
        margin-top: 4rem;
    }
    
    #imgpicto2 
    {
        margin-left: 4rem;
    }
    
    #imgtamboaceite 
    {
        width: 90%;
        height: auto;
        margin-top: 3rem;
    }
    
    #imgtambos3 
    {
        width: 90%;
        height: auto;
        margin-top: 3rem;
    }

    #imgtotes
    {
        width: 100%;
        height: auto;
        margin-top: 6.5rem;
        margin-right: -5rem;
    }

    #card1
    {
        margin-top: 2rem;
    }

    #card2
    {
        margin-top: 10rem;
    }

    #card3
    {
        margin-top: 10rem;
    }

    #card4
    {
        margin-top: 11rem;
    }

    #card14
    {
        margin-top: 5rem;
    }

    #card9
    {
        margin-top: 6rem;
    }

    #card10
    {
        margin-top: 6.5rem;
        margin-bottom: 3rem;
        margin-left: -3rem;
    }

    #card12
    {
        margin-left: -3rem;
        margin-top: 3rem;
    }

    #card13
    {
        margin-top: 5rem;
        margin-left: 3rem;
    }

    #card14
    {
        margin-top: 10rem;
        margin-left: -3rem;
    }

    #tredes
    {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1200px)
{
    *
    {
        font-family: 'Poppins', sans-serif;
    }

    #perC
    {
        display: none;
    }

    #iconcorreo
    {
        width: 15%;
        height: auto;
        border-radius: 6px;
    }

    #cel1, #cel2,
    #cel3, #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
        #cel111,
        #cel112,
        #cel113,
        #cel114,
        #cel115,
        #cel99
    {
        display: none;
    }

    #iconf
    {
        font-size: 40px;
    }

    #pbeneficios
    {
        margin-top: -2rem;
    }

    #imgas, #imgas3
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    #imgas2
    {
        width: 105%;
        height: 378px;
        border-radius: 6px;
    }

    #imgas4
    {
        width: 90%;
        border-radius: 6px;
    }

    #tnosotros 
    {
        margin-top: 0.4rem;
    }

    #imgas
    {
        margin-left: -1rem;
        margin-top: 2.5rem;
        margin-bottom: -4rem;
        width: 99%;
    }

    #imgas2
    {
        margin-left: 1rem;
        margin-top: 2.7rem;
        margin-bottom: -4rem;
        width: 100%;
    }

    #imgas4
    {
        margin-left: 1rem;
        width: 97%;
    }

    #sup
    {
        width: 100%;
        height: auto;
    }

    #imgacopiop
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop2
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop3
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop4
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop5
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgpicto, #imgpicto2
    {
        width: 80%;
        height: auto;
        margin-top: 4rem;
    }

    #imgpicto2
    {
        margin-left: 4rem;
    }

    #imgtamboaceite
    {
        width: 100%;
        height: auto;
        margin-top: -1rem;
    }

    #imgtambos3
    {
        width: 100%;
        height: auto;
        margin-top: 10.5rem;
    }

    #cardacopio
    {
        transform: scale(1.05);
        box-shadow: 0 20px 25px rgba(0, 0, 0, .32), 5px 10px 14px rgba(0, 0, 0, .26);
    }

    #cenefaS
    {
        width: 103%;
        height: auto;
        margin-top: -1px;
        margin-left: -25px;
    }

    #cenefaI
    {
        width: 102%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -25px;
    }

    #cenefa2
    {
        width: 103%;
        height: auto;
        margin-top: 5rem;
        margin-left: -25px;
    }

    #cenefa3 
    {
        width: 103%;
        height: auto;
        margin-top: -2px;
        margin-left: -25px;
    }

    #tasesoria
    {
        margin-top: 3rem;
    }

    nav 
    {
        height: 17vh;
        width: 100%;
    }

    #imgLista
    {
        width: 40%;
        height: auto;
    }

    #eslogan, #eslogan2,
    #eslogan3
    {
        text-align: center;
        font-size: 25px;
        color: #007728;
        font-weight: bold;
    }

    #imgLista2 
    {
        width: 31%;
        height: auto;
    }

    #hiddenCelLista
    {
        display: none;
    }

    #item
    {
        text-align: right;
    }

    #itemList
    {
        font-size: 10px;
    }

    #hiddenTab, #hiddenCel,
    #hiddenV
    {
        display: none;
    }

    #t1, #t2
    {
        text-align: center;
        color: #009900;
    }

    #tfinal1, #tgob,
    #tfinal2, #tfinal3
    {
        text-align: center;
        color: #009900;
    }

    #profepa
    {
        margin-top: -1rem;
    }

    #imgreciclar
    {
        width: 38%;
        height: auto;
        margin-top: 3rem;
    }

    #imgleaf
    {
        width: 78%;
        height: auto;
        border-radius: 6px;
        margin-top: 3rem;
    }

    #imgAmb
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgFabi
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgRecPla
    {
        width: 93%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgplaneta
    {
        width: 20%;
        height: auto;
    }

    #imgbarras
    {
        width: 20%;
        height: auto;
    }

    #imgautoriza
    {
        width: 70%;
        height: auto;
        margin-top: 3rem;
    }

    #imgautoriza:hover
    {
        transform: scale(1.05);
    }

    #imgasesoria
    {
        width: 100%;
        height: 400px;
        border-radius: 17px;
        margin-top: 1rem;
        margin-left: 3rem;
    }

    #tasesoria2
    {
        margin-top: 4rem;
    }

    #card5, #card7
    {
        margin-top: 8rem;
    }

    #card72
    {
        margin-top: 5rem;
    }

    #bgasesoria
    {
        background: #E7D539;
    }

    #p2
    {
        text-align: justify;
        font-size: 20px;
        margin-top: 7rem;
        margin-left: 2rem;
    }

    #peslogan
    {
        margin-top: 9rem;
    }

    #imgcontacto
    {
        width: 5%;
        height: auto;
    }

    #slider
    {
        margin-top: 6rem;
    }

    #carouselExampleSlidesOnly
    {
        margin-top: 2rem;
    }

    #imgcentroacopio
    {
        width: 100%;
        height: auto;
        border-radius: 7px;
        margin-top: 4rem;
    }

    #imgtotes
    {
        width: 111%;
        height: auto;
        border-radius: 6px;
        margin-top: 5rem;
        margin-left: 2rem;
    }

    #imgno
    {
        width: 50%;
        height: auto;
        border-radius: 6px;
    }

    #imgtambo
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 3.5rem;
    }

    #pasesoria
    {
        text-align: justify;
        font-size: 19px;
        margin-top: 19%;
        margin-left: 2rem;
    }

    #prec
    {
        text-align: justify;
        font-size: 18px;
    }
    
    #imgSlider1, #imgSlider2,
    #imgSlider3, #imgSlider4
    {
        width: 100%;
        height: 620px;
    }

    #btnhover
    {
        color: #009900;
        font-size: 18px;
    }

    .mart
    {
        margin-top: 1rem;
    }

    .active
    {
        background: #fff;
        border-radius: 4px;
    }

    #btnhover:hover
    {
        background-color: #009900;
        color: white;
        border-radius: 4px;
    }

    #imgMision
    {
        width: 100%;
        height: auto;
        margin-top: -0.5rem;
    }

    #imgMision:hover
    {
        transform: scale(1.05);
    }

    #imgVision
    {
        width: 100%;
        height: auto;
    }

    #imgVision:hover
    {
        transform: scale(1.05);
    }

    #imgObj
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    #imgObj:hover
    {
        transform: scale(1.05);
    }

    #card9, #card10,
    #card11, #card13, 
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #card5, #card6
    {
        margin-left: -2rem;
    }

    #card7
    {
        margin-top: 7.7rem;
        margin-bottom: 2.5rem;
    }

    #card72
    {
        margin-top: -0.1rem;
        margin-left: 2rem;
    }

    #card7, #card8
    {
        margin-left: 2rem;
    }

    #pcard1, #pcard2,
    #pcard3, #pcard4
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcard5, #pcard7,
    #pcard6, #pcard8
    {
        font-size: 19px;
        margin-top: -1.5rem;
    }

    #pcardm, #pcardv
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcardv2 
    {
        font-size: 32px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
    }

    #iconleaf
    {
        color: #009900;
        margin-left: -2rem;
    }

    #listObj
    {
        font-size: 19px;
        text-decoration: none;
        text-align: justify;
        content: "\f06c";
    }

    #p1
    {
        text-align: justify;
        font-size: 19px;
    }

    #lista1 li
    {
        font-size: 17px;
        list-style: none;
    }

    #pcontacto
    {
        text-align: center;
        font-size: 19px;
    }

    #pnosotros
    {
        font-size: 19px;
        text-align: justify;
    }

    #tablet1, #tablet2,
    #tablet3, #tablet4,
    #tablet5, #tablet6,
    #tablet7, #tablet8,
    #tablet72, #tablet73,
    #tablet9, #tablet10,
    #tablet11, #tablet112,
    #tablet113, #tablet114,
    #tablet1111, #tablet1112,
    #tablet1113, #tablet115,
    #tablet1114, #tablet1115
    {
        display: none;
    }

    #btnwhatsf
    {
        display: none;
    }

    /* Botón para Whatsapp */

    .float 
    {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }

    .float:hover 
    {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

    .my-float 
    {
        margin-top: 16px;
    }

    .navbar-center
    {
        text-align: center;
        margin-left: 8%;
    }

    #logogif
    {
        width: 121px;
        height: 125px;
        align-items: left;
        margin-left: 2.5rem;
    }

    #imgAceite2
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 9rem;
        margin-left: -1rem;
    }

    #imgAceite3
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 7.5rem;
        margin-left: 2rem;
    }

    #imgAceite
    {
        border-radius: 7px; 
        width: 100%;
        margin-top: 2rem;
        height: auto;
        margin-left: 2rem;
    }

    #hoverf:hover
    {
        color: white;
    }

    #imgMundo
    {
        width: 100%;
        height: auto;
    }

    #card1
    {
        margin-top: 1rem;
    }

    #card2
    {
        margin-top: 3.6rem;
    }

    #card3
    {
        margin-top: 2.5rem;
    }

    #card4
    {
        margin-top: 3.5rem;
    }

    #card14
    {
        margin-top: 4rem;
        margin-left: -2rem;
    }

    #card12
    {
        margin-left: -2rem;
    }

    #card13
    {
        margin-left: 2rem;
    }

    #hid9
    {
        margin-top: -3rem;
    }
}

@media screen and (max-width: 1199px) and (min-width: 989px) 
{
    * 
    {
        font-family: 'Poppins', sans-serif;
    }

    #perC
    {
        display: none;
    }

    #cel1,
    #cel2,
    #cel3,
    #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111,
    #cel112,
    #cel113,
    #cel114,
    #cel115,
    #cel99 
    {
        display: none;
    }

    #iconcorreo
    {
        width: 15%;
        height: auto;
        border-radius: 6px;
    }

    #iconf 
    {
        font-size: 40px;
    }

    #pbeneficios 
    {
        margin-top: -2rem;
    }

    #imgas,
    #imgas3
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    #imgas2
    {
        width: 105%;
        height: 340px;
        border-radius: 6px;
    }

    #tnosotros 
    {
        margin-top: 0.4rem;
    }

    #imgas 
    {
        margin-left: -1rem;
        margin-top: 2rem;
    }

    #imgas2 
    {
        margin-left: 1rem;
        margin-top: 2rem;
    }

    #card5
    {
        margin-top: -3rem;
    }

    #imgas4 
    {
        margin-left: 1rem;
        width: 95%;
        border-radius: 6px;
    }

    #sup 
    {
        width: 100%;
        height: auto;
    }

    #imgacopiop 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop2 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop3 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop4 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgacopiop5 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #imgpicto,
    #imgpicto2 
    {
        width: 80%;
        height: auto;
        margin-top: 4rem;
    }

    #imgpicto2 
    {
        margin-left: 4rem;
    }

    #imgtamboaceite 
    {
        width: 100%;
        height: auto;
        margin-top: -1rem;
    }

    #imgtambos3 
    {
        width: 100%;
        height: auto;
        margin-top: 10.5rem;
    }

    #cardacopio 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 25px rgba(0, 0, 0, .32), 5px 10px 14px rgba(0, 0, 0, .26);
    }

    #cenefaS 
    {
        width: 103%;
        height: auto;
        margin-top: -1px;
        margin-left: -25px;
    }

    #cenefaI 
    {
        width: 102%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -25px;
    }

    #cenefa2 
    {
        width: 103%;
        height: auto;
        margin-top: 5rem;
        margin-left: -25px;
    }

    #cenefa3 
    {
        width: 103%;
        height: auto;
        margin-top: -2px;
        margin-left: -25px;
    }

    #tasesoria 
    {
        margin-top: 3rem;
    }

    nav 
    {
        height: 18vh;
        width: 100%;
    }

    #imgLista 
    {
        width: 40%;
        height: auto;
    }

    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 25px;
        color: #007728;
        font-weight: bold;
    }

    #imgLista2 
    {
        width: 31%;
        height: auto;
    }

    #hiddenCelLista 
    {
        display: none;
    }

    #item 
    {
        text-align: right;
    }

    #itemList 
    {
        font-size: 10px;
    }

    #hiddenTab,
    #hiddenCel,
    #hiddenV 
    {
        display: none;
    }

    #t1,
    #t2 
    {
        text-align: center;
        color: #009900;
    }

    #tfinal1,
    #tgob,
    #tfinal2,
    #tfinal3 
    {
        text-align: center;
        color: #009900;
    }

    #profepa 
    {
        margin-top: -1rem;
    }

    #imgreciclar 
    {
        width: 38%;
        height: auto;
        margin-top: 3rem;
    }

    #imgleaf 
    {
        width: 78%;
        height: auto;
        border-radius: 6px;
        margin-top: 3rem;
    }

    #imgAmb 
    {
        width: 90%;
        height: auto;
        margin-top: 3.7rem;
        border-radius: 6px;
    }

    #imgFabi 
    {
        width: 90%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgRecPla 
    {
        width: 93%;
        height: auto;
        margin-top: 1rem;
        border-radius: 6px;
    }

    #imgplaneta 
    {
        width: 20%;
        height: auto;
    }

    #imgbarras 
    {
        width: 20%;
        height: auto;
    }

    #imgautoriza 
    {
        width: 70%;
        height: auto;
        margin-top: 3rem;
    }

    #imgautoriza:hover 
    {
        transform: scale(1.05);
    }

    #imgasesoria 
    {
        width: 100%;
        height: 400px;
        border-radius: 17px;
        margin-top: 1rem;
        margin-left: 3rem;
    }

    #tasesoria2 
    {
        margin-top: 4rem;
    }

    #card5,
    #card7 
    {
        margin-top: 8rem;
    }

    #card72 
    {
        margin-top: 5rem;
    }

    #bgasesoria 
    {
        background: #E7D539;
    }

    #p2 
    {
        text-align: justify;
        font-size: 20px;
        margin-top: 7rem;
        margin-left: 2rem;
    }

    #peslogan 
    {
        margin-top: 9rem;
    }

    #imgcontacto 
    {
        width: 5%;
        height: auto;
    }

    #slider 
    {
        margin-top: 6rem;
    }

    #carouselExampleSlidesOnly 
    {
        margin-top: 2rem;
    }

    #imgcentroacopio 
    {
        width: 100%;
        height: auto;
        border-radius: 7px;
        margin-top: 4rem;
    }

    #imgtotes 
    {
        width: 111%;
        height: auto;
        border-radius: 6px;
        margin-top: 5rem;
        margin-left: 2rem;
    }

    #imgno 
    {
        width: 50%;
        height: auto;
        border-radius: 6px;
    }

    #imgtambo 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 3.5rem;
    }

    #pasesoria 
    {
        text-align: justify;
        font-size: 19px;
        margin-top: 19%;
        margin-left: 2rem;
    }

    #prec 
    {
        text-align: justify;
        font-size: 18px;
    }

    #imgSlider1,
    #imgSlider2,
    #imgSlider3,
    #imgSlider4 
    {
        width: 100%;
        height: 620px;
    }

    #btnhover 
    {
        color: #009900;
        font-size: 18px;
        margin-top: 1.1rem;
    }

    .active 
    {
        background: #fff;
        border-radius: 4px;
    }

    #btnhover:hover 
    {
        background-color: #009900;
        color: white;
        border-radius: 4px;
    }

    #imgMision 
    {
        width: 100%;
        height: auto;
        margin-top: -0.5rem;
    }

    #imgMision:hover 
    {
        transform: scale(1.05);
    }

    #imgVision 
    {
        width: 100%;
        height: auto;
    }

    #imgVision:hover 
    {
        transform: scale(1.05);
    }

    #imgObj 
    {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    #imgObj:hover 
    {
        transform: scale(1.05);
    }

    #card9,
    #card10,
    #card11,
    #card13,
    #card14,
    #card5,
    #card7,
    #card8,
    #card6,
    #card1,
    #card2,
    #card3,
    #card4,
    #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #card5,
    #card6 
    {
        margin-left: -2rem;
    }

    #card7 
    {
        margin-top: 7.7rem;
        margin-bottom: 2.5rem;
    }

    #card72 
    {
        margin-top: -0.1rem;
        margin-left: 2rem;
    }

    #card7,
    #card8 
    {
        margin-left: 2rem;
    }

    #pcard1,
    #pcard2,
    #pcard3,
    #pcard4 
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcard5,
    #pcard7,
    #pcard6,
    #pcard8 
    {
        font-size: 19px;
        margin-top: -1.5rem;
    }

    #pcardm,
    #pcardv 
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcardv2 
    {
        font-size: 32px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
    }

    #iconleaf 
    {
        color: #009900;
        margin-left: -2rem;
    }

    #listObj 
    {
        font-size: 19px;
        text-decoration: none;
        text-align: justify;
        content: "\f06c";
    }

    #p1 
    {
        text-align: justify;
        font-size: 19px;
    }

    #lista1 li 
    {
        font-size: 17px;
        list-style: none;
    }

    #pcontacto 
    {
        text-align: center;
        font-size: 19px;
    }

    #pnosotros 
    {
        font-size: 19px;
        text-align: justify;
    }

    #tablet1,
    #tablet2,
    #tablet3,
    #tablet4,
    #tablet5,
    #tablet6,
    #tablet7,
    #tablet8,
    #tablet72,
    #tablet73,
    #tablet9,
    #tablet10,
    #tablet11,
    #tablet112,
    #tablet113,
    #tablet114,
    #tablet1111,
    #tablet1112,
    #tablet1113,
    #tablet115,
    #tablet1114,
    #tablet1115 
    {
        display: none;
    }

    #btnwhatsf 
    {
        display: none;
    }

    /* Botón para Whatsapp */

    .float 
    {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }

    .float:hover 
    {
        text-decoration: none;
        color: #25d366;
        background-color: #fff;
    }

    .my-float 
    {
        margin-top: 16px;
    }

    .navbar-center 
    {
        text-align: center;
        margin-left: 4%;
    }

    .menu
    {
        margin-top: 2rem;
    }

    #logogif 
    {
        width: 121px;
        height: 125px;
        align-items: left;
        margin-left: 2.5rem;
    }

    #imgAceite2 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 10rem;
        margin-left: -1rem;
    }

    #imgAceite3 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 7.5rem;
        margin-left: 2rem;
    }

    #imgAceite 
    {
        border-radius: 7px;
        width: 100%;
        margin-top: 2rem;
        height: auto;
        margin-left: 2rem;
    }

    #hoverf:hover 
    {
        color: white;
    }

    #imgMundo 
    {
        width: 100%;
        height: auto;
    }

    #card1 
    {
        margin-top: 1rem;
    }

    #card2 
    {
        margin-top: 3.6rem;
    }

    #card3 
    {
        margin-top: 2.5rem;
    }

    #card4 
    {
        margin-top: 3.5rem;
    }

    #card14 
    {
        margin-top: 4rem;
        margin-left: -2rem;
    }

    #card12 
    {
        margin-left: -2rem;
    }

    #card13 
    {
        margin-left: 2rem;
    }

    #hid9 
    {
        margin-top: -3rem;
    }
}

@media screen and (max-width: 988px) and (min-width: 851px)
{
    * 
    {
        font-family: 'Poppins', sans-serif;
    }

    #perP
    {
        display: none;
    }

    #iconcorreo
    {
        width: 20%;
        height: auto;
        border-radius: 6px;
    }
    
    #imgas 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }
    
    #iconf 
    {
        font-size: 40px;
    }
    
    #tnosotros 
    {
        margin-top: 2rem;
    }
    
    #pbeneficios 
    {
        margin-top: -2rem;
    }
    
    #plista 
    {
        font-size: 18px;
    }
    
    #imgast 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 2rem;
    }
    
    #cel1, #cel2,
    #cel3, #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111, #cel112,
    #cel113, #cel114,
    #cel115, #cel99 
    {
        display: none;
    }
    
    #sup 
    {
        width: 100%;
        height: auto;
    }
    
    #cenefaS 
    {
        width: 103%;
        margin-left: -13px;
        margin-top: -1px;
        height: auto;
    }
    
    #imgtotes 
    {
        width: 99%;
        height: auto;
        border-radius: 6px;
    }
    
    #imgpicto 
    {
        width: 100%;
        height: auto;
        margin-top: 5rem;
    }
    
    #imgtamboaceite 
    {
        width: 100%;
        height: auto;
    }
    
    #imgtambos3 
    {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }
    
    #cenefaI 
    {
        width: 103%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -13px;
    }
    
    #cenefa2 
    {
        width: 103%;
        margin-left: -13px;
        margin-top: 6rem;
        height: auto;
    }
    
    #cardacopio 
    {
        transform: scale(.9);
        box-shadow: 0 20px 25px rgba(0, 0, 0, .32), 5px 10px 14px rgba(0, 0, 0, .26);
    }
    
    #btnwhatsf 
    {
        font-size: 40px;
    }
    
    #tasesoria 
    {
        margin-top: 6rem;
    }
    
    #tcentroa 
    {
        margin-top: 3rem;
    }
    
    #tasesoria2 
    {
        margin-top: 4rem;
    }
    
    #tcontacto 
    {
        margin-top: 2rem;
    }
    
    #tablet8 
    {
        margin-top: -2rem;
    }
    
    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 25px;
        color: #007728;
        font-weight: bold;
        margin-left: -5rem;
    }
    
    #peslogan 
    {
        margin-top: 5rem;
    }
    
    #tablet11 
    {
        margin-top: -6rem;
    }
    
    #tablet112 
    {
        margin-top: 3rem;
    }
    
    #tablet114,
    #tablet113 
    {
        margin-top: 3rem;
    }
    
    #treciclaje 
    {
        margin-top: 3rem;
    }
    
    #imgLista 
    {
        width: 40%;
        height: auto;
    }
    
    #imgLista2 
    {
        width: 30%;
        height: auto;
    }
    
    #hiddenCelLista,
    #tablet2 
    {
        display: none;
    }
    
    #imgMision 
    {
        width: 130%;
        margin-left: -5rem;
        height: auto;
        margin-top: 8rem;
    }
    
    #pcardm 
    {
        font-size: 19px;
        text-align: justify;
        margin-top: -6rem;
    }
    
    #imgObj 
    {
        width: 120%;
        height: auto;
        margin-top: 14rem;
        margin-left: -4.5rem;
    }
    
    #listObj 
    {
        font-size: 18px;
        text-align: justify;
        margin-left: -2rem;
    }
    
    #listaRes 
    {
        font-size: 18px;
    }
    
    #imgVision 
    {
        width: 110%;
        height: auto;
        margin-left: 3rem;
        margin-top: 3.7rem;
    }
    
    #pcardv 
    {
        font-size: 19px;
        text-align: justify;
        margin-top: -4rem;
        margin-left: -2rem;
    }
    
    #prec 
    {
        text-align: justify;
        font-size: 19px;
    }
    
    #pcardv2 
    {
        font-size: 28px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
    }
    
    #hiddenCel,
    #hiddenPC,
    #hiddenV 
    {
        display: none;
    }
    
    #t1, #t2 
    {
        text-align: center;
        color: #009900;
    }
    
    #p2 
    {
        text-align: justify;
        font-size: 19px;
        margin-left: 1rem;
        padding: 15px 1px 0;
    }
    
    #tfinal1, #tgob,
    #tfinal2, #tfinal3 
    {
        text-align: center;
        color: #009900;
    }
    
    #logogif 
    {
        width: 118px;
        height: 120px;
        align-items: left;
        margin-left: 3rem;
    }
    
    #imgcontacto 
    {
        width: 5%;
        height: auto;
    }
    
    #imgplaneta,
    #imgbarras 
    {
        width: 48%;
        height: auto;
        margin-top: 5rem;
    }
    
    #imgplaneta 
    {
        width: 48%;
        height: auto;
        margin-top: 6rem;
    }
    
    #imgSlider1,
    #imgSlider2,
    #imgSlider3,
    #imgSlider4 
    {
        width: 100%;
        height: 380px;
        margin-top: 6rem;
    }
    
    #img1, #img2 
    {
        display: none;
    }
    
    #pcard1 
    {
        font-size: 19px;
    }
    
    #lista1 li 
    {
        font-size: 17px;
        list-style: none;
    }
    
    #pcontacto 
    {
        text-align: center;
        font-size: 19px;
    }
    
    #pnosotros 
    {
        font-size: 19px;
    }
    
    #hiddenTablet1,
    #hiddenTablet4,
    #hiddenTablet42,
    #hiddenTablet5,
    #hiddenTablet6,
    #hiddenTablet62,
    #hiddenTablet63,
    #hiddenTablet7,
    #hiddenTablet8,
    #hiddenTablet9,
    #hiddenTablet10,
    #hiddenTablet101,
    #hiddenTablet102,
    #hiddenTablet103 
    {
        display: none;
    }
    
    #btnwhats 
    {
        display: none;
    }
    
    #pcard1 
    {
        font-size: 19px;
        text-align: justify;
    }
    
    #p1 
    {
        font-size: 19px;
        text-align: justify;
    }
    
    #lista1 
    {
        font-size: 17px;
    }
    
    #pasesoria 
    {
        text-align: justify;
        font-size: 19px;
        margin-top: 2.1rem;
        padding: 15px 15px 0;
    }
    
    #pcard2, #pcard3,
    #pcard4 
    {
        text-align: justify;
        font-size: 19px;
    }
    
    #imgRecPla 
    {
        width: 100%;
        height: auto;
        margin-top: 3.5rem;
        border-radius: 6px;
    }
    
    #imgAmb 
    {
        width: 110%;
        height: auto;
        margin-top: 8rem;
        border-radius: 6px;
    }
    
    #imgFabi 
    {
        width: 110%;
        height: auto;
        margin-top: 5rem;
        border-radius: 6px;
    }
    
    #hid3 
    {
        margin-top: 15%;
    }
    
    #hid4 
    {
        margin-top: 7%;
    }
    
    #none 
    {
        display: none;
    }
    
    #imgautoriza 
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    
    #imgasesoria 
    {
        width: 100%;
        height: 370px;
        border-radius: 12px;
        box-shadow: 20px;
    }
    
    #imgcentroacopio 
    {
        width: 100%;
        height: auto;
        border-radius: 12px;
        margin-top: 3rem;
    }
    
    #pasesoria 
    {
        top: 22px;
    }
    
    #tb 
    {
        text-align: center;
    }
    
    .navbar-center 
    {
        font-size: 16px;
    }

    .menu
    {
        margin-top: 1rem;
    }
    
    #btnhover 
    {
        font-size: 18px;
        color: #009900;
        text-align: center;
    }
    
    #card2 
    {
        margin-top: 4rem;
    }
    
    #card10 
    {
        margin-top: 1rem;
    }
    
    #card11 
    {
        margin-top: 2rem;
    }
    
    #card9 
    {
        margin-top: 2rem;
    }
    
    #card13 
    {
        margin-right: 2rem;
    }
    
    #card14 
    {
        margin-top: 2rem;
        margin-left: 2rem;
    }
    
    #card8 
    {
        margin-top: 8.7rem;
    }
    
    #card6 
    {
        margin-top: 1rem;
    }
    
    #card7 
    {
        margin-top: 0.1rem;
    }
    
    #card72 
    {
        margin-top: 4rem;
    }
    
    #card5 
    {
        margin-top: -7rem;
    }

    #hid9 
    {
        margin-top: -1rem;
    }
    
    #imgMundo 
    {
        width: 100%;
        height: auto;
        margin-left: -4rem;
    }
    
    #imgAceite2 
    {
        border-radius: 7px;
        width: 109%;
        height: auto;
        margin-top: 13rem;
        margin-left: -4rem;
    }
    
    #imgAceite3 
    {
        border-radius: 7px;
        width: 90%;
        height: auto;
        margin-top: 7rem;
        margin-left: 2rem;
    }
    
    #imgAceite 
    {
        border-radius: 7px;
        width: 98%;
        margin-top: 10rem;
        height: auto;
        margin-left: 0.5rem;
    }
    
    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }
}

@media screen and (max-width: 850px) and (min-width: 555px)
{
    *
    {
        font-family: 'Poppins', sans-serif;
    }

    #perP
    {
        display: none;
    }

    #iconcorreo
    {
        width: 20%;
        height: auto;
        border-radius: 6px;
    }

    #imgas 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }

    #iconf 
    {
        font-size: 40px;
    }

    #tnosotros 
    {
        margin-top: 2rem;
    }

    #pbeneficios 
    {
        margin-top: -2rem;
    }

    #plista
    {
        font-size: 18px;
    }

    #imgast
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 2rem;
    }

    #cel1, #cel2,
    #cel3, #cel4,
    #hiddenCel6,
    #hiddenCel62,
    #hiddenCel63,
    #cel111, #cel112,
    #cel113, #cel114,
    #cel115, #cel99
    {
        display: none;
    }

    #sup 
    {
        width: 100%;
        height: auto;
    }

    #cenefaS 
    {
        width: 103%;
        margin-left: -13px;
        margin-top: -1px;
        height: auto;
    }

    #imgtotes 
    {
        width: 99%;
        height: auto;
        border-radius: 6px;
    }

    #imgpicto 
    {
        width: 100%;
        height: auto;
        margin-top: 5rem;
    }

    #imgtamboaceite
    {
        width: 100%;
        height: auto;
    }
    
    #imgtambos3 
    {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    #cenefaI 
    {
        width: 103%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -13px;
    }
    
    #cenefa2 
    {
        width: 103%;
        margin-left: -13px;
        margin-top: 6rem;
        height: auto;
    }

    #cardacopio 
    {
        transform: scale(.9);
        box-shadow: 0 20px 25px rgba(0, 0, 0, .32), 5px 10px 14px rgba(0, 0, 0, .26);
    }

    #btnwhatsf
    {
        font-size: 40px;
    }

    #tasesoria 
    {
        margin-top: 6rem;
    }

    #tcentroa
    {
        margin-top: 3rem;
    }

    #tasesoria2
    {
        margin-top: 4rem;
    }

    #tcontacto
    {
        margin-top: 2rem;
    }

    #tablet8
    {
        margin-top: -2rem;
    }

    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 25px;
        color: #007728;
        font-weight: bold;
        margin-left: -5rem;
    }

    #peslogan
    {
        margin-top: 5rem;
    }

    #tablet11
    {
        margin-top: -6rem;
    }

    #tablet112
    {
        margin-top: 3rem;
    }

    #tablet114,
    #tablet113
    {
        margin-top: 3rem;
    }
    
    #treciclaje 
    {
        margin-top: 3rem;
    }

    #imgLista
    {
        width: 40%;
        height: auto;
    }

    #imgLista2
    {
        width: 30%;
        height: auto;
    }

    #hiddenCelLista,
    #tablet2 
    {
        display: none;
    }

    #imgMision
    {
        width: 130%;
        margin-left: -5rem;
        height: auto;
        margin-top: 8rem;
    }

    #pcardm
    {
        font-size: 19px;
        text-align: justify;
        margin-top: -6rem;
    }

    #imgObj
    {
        width: 120%;
        height: auto;
        margin-top: 14rem;
        margin-left: -4.5rem;
    }

    #listObj
    {
        font-size: 18px;
        text-align: justify;
        margin-left: -2rem;
    }

    #listaRes
    {
        font-size: 18px;
    }

    #imgVision 
    {
        width: 110%;
        height: auto;
        margin-left: 3rem;
        margin-top: 3.7rem;
    }

    #pcardv
    {
        font-size: 19px;
        text-align: justify;
        margin-top: -4rem;
        margin-left: -2rem;
    }

    #prec
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcardv2 
    {
        font-size: 28px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
    }

    #hiddenCel, 
    #hiddenPC,
    #hiddenV
    {
        display: none;
    }

    #t1, #t2
    {
        text-align: center;
        color: #009900;
    }

    #p2
    {
        text-align: justify;
        font-size: 19px;
        margin-left: 1rem;
        padding: 15px 1px 0;
    }

    #tfinal1, #tgob,
    #tfinal2, #tfinal3
    {
        text-align: center;
        color: #009900;
    }

    #logogif
    {
        width: 118px;
        height: 120px;
        align-items: left;
        margin-left: 3rem;
    }

    #imgcontacto
    {
        width: 5%;
        height: auto;
    }

    #imgplaneta, #imgbarras
    {
        width: 48%;
        height: auto;
        margin-top: 5rem;
    }

    #imgplaneta
    {
        width: 48%;
        height: auto;
        margin-top: 6rem;
    }

    #imgSlider1, #imgSlider2,
    #imgSlider3, #imgSlider4
    {
        width: 100%;
        height: 380px;
        margin-top: 6rem;
    }

    #img1, #img2
    {
        display: none;
    }

    #pcard1
    {
        font-size: 19px;
    }
    
    #lista1 li
    {
        font-size: 17px;
        list-style: none;
    }

    #pcontacto
    {
        text-align: center;
        font-size: 19px;
    }

    #pnosotros
    {
        font-size: 19px;
    }

    #hiddenTablet1,
    #hiddenTablet4,
    #hiddenTablet42,
    #hiddenTablet5,
    #hiddenTablet6,
    #hiddenTablet62,
    #hiddenTablet63,
    #hiddenTablet7,
    #hiddenTablet8,
    #hiddenTablet9,
    #hiddenTablet10,
    #hiddenTablet101,
    #hiddenTablet102,
    #hiddenTablet103
    {
        display: none;
    }

    #btnwhats
    {
        display: none;
    }
    
    #pcard1
    {
        font-size: 19px;
        text-align: justify;
    }

    #p1
    {
        font-size: 19px;
        text-align: justify;
    }

    #lista1
    {
        font-size: 17px;
    }

    #pasesoria
    {
        text-align: justify;
        font-size: 19px;
        margin-top: 2.1rem;
        padding: 15px 15px 0;
    }

    #pcard2, #pcard3,
    #pcard4
    {
        text-align: justify;
        font-size: 19px;
    }

    #imgRecPla
    {
        width: 100%;
        height: auto;
        margin-top: 3.5rem;
        border-radius: 6px;
    }

    #imgAmb
    {
        width: 110%;
        height: auto;
        margin-top: 8rem;
        border-radius: 6px;
    }

    #imgFabi
    {
        width: 110%;
        height: auto;
        margin-top: 3.9rem;
        border-radius: 6px;
    }

    #hid3
    {
        margin-top: 15%;
    }

    #hid4
    {
        margin-top: 7%;
    }

    #none
    {
        display: none;
    }

    #imgautoriza
    {
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    #imgasesoria
    {
        width: 100%;
        height: 370px;
        border-radius: 12px;
        box-shadow: 20px;
    }

    #imgcentroacopio
    {
        width: 100%;
        height: auto;
        border-radius: 12px;
        margin-top: 3rem;
    }

    #pasesoria
    {
        top: 22px;
    }

    #tb
    {
        text-align: center;
    }

    .navbar-center
    {
        font-size: 16px;
    }

    #btnhover
    {
        font-size: 18px;
        color: #009900;
        text-align: center;
    }

    #card2
    {
        margin-top: 4rem;
    }

    #card10
    {
        margin-top: 1rem;
    }

    #card11
    {
        margin-top: 2rem;
    }

    #card9
    {
        margin-top: 2rem;
    }

    #card13
    {
        margin-left: -5rem;
    }

    #card14
    {
        margin-top: 2rem;
    }

    #card8
    {
        margin-top: 8rem;
    }

    #card6
    {
        margin-top: 0.2rem;
    }

    #card7
    {
        margin-top: 0.1rem;
    }

    #card72
    {
        margin-top: 3.5rem;
    }

    #card5
    {
        margin-top: -7rem;
    }

    #hid9
    {
        margin-top: -1rem;
    }

    #imgMundo 
    {
        width: 100%;
        height: auto;
        margin-left: -4rem;
    }

    #imgAceite2 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 12rem;
        margin-left: -5rem;
    }

    #imgAceite3 
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 7rem;
    }

    #imgAceite 
    {
        border-radius: 7px;
        width: 100%;
        margin-top: 10rem;
        height: auto;
        margin-left: 1rem;
    }

    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }
}

@media screen and (max-width: 554px) and (min-width: 100px)
{
    #hiddenTab, #hiddenPC
    {
        display: none;
    }

    #perP
    {
        display: none;
    }

    #iconcorreo
    {
        width: 20%;
        height: auto;
        border-radius: 6px;
    }

    #hiddenTablet62,
    #hiddenTablet63,
    #hiddenTablet6,
    #hiddenTablet10,
    #hiddenTablet101,
    #hiddenTablet102,
    #hiddenTablet103,
    #hiddenTablet8
    {
        display: none;
    }

    #plista
    {
        font-size: 18px;
    }

    #sup 
    {
        width: 100%;
        height: auto;
    }

    #iconf 
    {
        font-size: 40px;
    }

    #imgas 
    {
        width: 100%;
        height: auto;
    }

    #pbeneficios 
    {
        margin-top: -2rem;
    }

    #imgasC
    {
        width: 100%;
        height: auto;
        margin-top: 3rem;
        border-radius: 6px;
    }

    #imgpicto, #imgpicto2
    {
        width: 100%;
        height: auto;    
    }

    #hidden1,
    #hidden2,
    #hidden3,
    #hiddenMundo
    {
        display: none;
    }

    #cardacopio 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 25px rgba(0, 0, 0, .32), 5px 10px 14px rgba(0, 0, 0, .26);
        margin-top: -2rem;
    }

    #cenefaS 
    {
        width: 105%;
        margin-left: -13px;
        margin-top: -1px;
        height: auto;
    }

    #card9, #card10,
    #card11, #card13,
    #card14, #card5,
    #card7, #card8,
    #card6, #card1,
    #card2, #card3,
    #card4, #card72 
    {
        transform: scale(1.05);
        box-shadow: 0 20px 20px rgba(0, 0, 0, .42), 6px 14px 14px 14px rgba(0, 0, 0, .26);
    }

    #cenefaI 
    {
        width: 105%;
        height: auto;
        margin-bottom: -5px;
        margin-left: -12px;
    }

    #tasesoria 
    {
        margin-top: 5rem;
    }

    #tasesoria2
    {
        margin-top: 3rem;
    }

    #tcontacto
    {
        margin-top: 3rem;
    }

    #imgleaf 
    {
        width: 70%;
        height: auto;
        border-radius: 6px;
    }

    #peslogan
    {
        margin-top: 3rem;
    }

    #eslogan,
    #eslogan2,
    #eslogan3 
    {
        text-align: center;
        font-size: 25px;
        color: #007728;
        font-weight: bold;
    }

    #tcentroa
    {
        margin-top: 3rem;
    }

    #hiddenTablet10
    {
        margin-top: 2rem;
    }

    #treciclaje
    {
        margin-top: 3rem;
    }

    #cenefa2 
    {
        width: 110%;
        margin-left: -33px;
        margin-top: 6rem;
        height: auto;
    }

    #hiddenLista
    {
        display: none;
    }

    #imgLista
    {
        width: 60%;
        height: auto;
    }

    #imgLista2
    {
        width: 60%;
        height: auto;
    }

    #imgLista3
    {
        width: 80%;
    }

    *
    {
        font-family: 'Poppins', sans-serif;
    }

    #btnhover
    {
        color: #009900;
        font-size: 17px;
        margin-left: 1rem;
    }

    #card11
    {
        margin-top: 2rem;
    }

    #card10
    {
        margin-top: 4rem;
    }

    #card14
    {
        margin-top: 2rem;
    }

    #card9
    {
        margin-top: -2rem;
    }

    #logogif
    {
        width: 113px;
        height: 118px;
        align-items: left;
        margin-left: 1rem;
    }

    #btnwhatsf
    {
        font-size: 40px;
    }

    #t1, #t2
    {
        text-align: center;
        color: #009900;
    }

    #t1
    {
        font-size: 24px;
    }

    #tfinal1, #tgob,
    #tfinal2, #tfinal3
    {
        text-align: center;
        color: #009900;
    }

    #imgSlider1, #imgSlider2,
    #imgSlider3, #imgSlider4
    {
        width: 100%;
        height: 280px;
        margin-top: 5rem;
    }

    #hid1, #hid2
    {
        display: none;
    }

    #hid3
    {
        margin-top: -3rem;
    }

    #hid4
    {
        margin-top: -3rem;
    }

    #hid5, #hiddenVC
    {
        display: none;
    }
    
     #hid11
    {
        display: none;
    }

    #pcard1, #pcard2,
    #pcard3, #pcard4
    {
        text-align: justify;
        font-size: 19px;
    }

    #listObj
    {
        font-size: 18px;
    }

    #prec
    {
        text-align: justify;
        font-size: 19px;
    }

    #pcard5, #pcard6,
    #pcard7, #pcard8
    {
        font-size: 19px;
    }

    #pcardm, #pcardv
    {
        text-align: justify;
        font-size: 19px;
        padding: 15px 15px 0;
    }

    #pcardv2 
    {
        font-size: 28px;
        text-align: right;
        color: #009900;
        margin-top: -1rem;
        margin-right: 1rem;
    }

    #tnosotros
    {
        margin-top: 2rem;
    }

    #p1, #p2
    {
        text-align: justify;
        font-size: 19px;
        padding: 15px 15px 0;
    }

    #pcardobj
    {
        padding: 15px 15px 0;
    }

    #lista1 li
    {
        font-size: 16px;
        list-style: none;
    }

    #pcontacto
    {
        text-align: center;
        font-size: 19px;
    }

    #pnosotros
    {
        font-size: 19px;
    }

    #btnhid
    {
        display: none;
    }

    #tablet1,
    #tablet2,
    #tablet3,
    #tablet4,
    #tablet5,
    #tablet6,
    #tablet7,
    #tablet8,
    #tablet72,
    #tablet73,
    #tablet9,
    #tablet10,
    #tablet11,
    #tablet112,
    #tablet113,
    #tablet114,
    #tablet1111,
    #tablet1112,
    #tablet1113,
    #tablet115,
    #tablet1114,
    #tablet1115 
    {
        display: none;
    }

    #btnwhats
    {
        display: none;
    }

    #imgcontacto
    {
        width: 5%;
        height: auto;
    }

    #imgautoriza
    {
        width: 70%;
        height: auto;
    }

    #imgasesoria
    {
        width: 100%;
        height: 400px;
        border-radius: 7px;
        margin-top: 2rem;
    }

    #imgcentroacopio
    {
        margin-top: 2rem;
        border-radius: 13px;
        width: 100%;
        height: auto;
    }

    #imgtotes 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 2rem;
    }
    
    #imgno 
    {
        width: 70%;
        height: auto;
        border-radius: 6px;
    }
    
    #imgtambo 
    {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-top: 2rem;
    }

    #imgRecPla
    {
        width: 95%;
        height: auto;
        margin-top: 2rem;
        border-radius: 6px;
    }

    #imgAmb
    {
        width: 95%;
        height: auto;
        margin-top: 3.8rem;
        border-radius: 6px;
    }

    #imgFabi
    {
        width: 95%;
        height: auto;
        margin-top: 2rem;
        border-radius: 6px;
    }

    #imgbarras
    {
        width: 35%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    #pasesoria
    {
        text-align: justify;
        font-size: 19px;
        padding: 15px 15px 0;
    }

    #imgAceite
    {
        border-radius: 7px; 
        box-shadow: 4em;
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
    }

    #imgAceite2
    {
        border-radius: 7px;
        width: 100%;
        height: auto;
        margin-top: 4rem;
    }

    #imgAceite3
    {
        width: 100%;
        height: auto;
        border-radius: 8px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .navbar-center
    {
        font-size: 16px;
        text-align: center;
    }

    #imgMision, 
    #imgObj,
    #imgVision
    {
        width: 100%;
        height: auto;
    }

    #imgMundo 
    {
        width: 100%;
        height: auto;
    }

    #card7
    {
        margin-top: 3rem;
    }

    #card72
    {
        margin-top: 2.3rem;
    }

    #card5
    {
        margin-top: -5rem;
    }

    #card6
    {
        margin-top: 3rem;
    }

    #card2
    {
        margin-top: -7rem;
    }

    #card12
    {
        margin-top: -2rem;
    }

    #card8
    {
        margin-top: 4rem;
    }

    #cel111
    {
        margin-top: -2rem;
    }
}