@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200..700&display=swap');

@font-face{
    font-family: 'BillionDreams';
    src:url(/fonts/BillionDreams_PERSONAL.ttf);
}

@font-face{
    font-family: 'CASTLEN';
    src:url(/fonts/CASTLEN.TTF);
    font-weight: bold;
}

* {
    margin: 0;
    margin: 0;
     box-sizing: border-box;
     padding: 0;
     text-decoration: none;
        
    }


    .Servs-Area {
        background-image: url(images/bg.jpg);
        height: auto;
        /*border: solid 1px red;*/
        margin-top: 10px;
        background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    z-index: -1;
    }

    .Servs-Secc-Interna {
        padding-top: 60px; /* Con Padding-top bajamos el contenido 130px para que se vea despues del segundo menú */
        max-width: 66%;
        /*border: solid 1px yellow;*/
        align-items: center;
        margin: auto;
        height: auto;
    }

    .Servicio-Operaciones {
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        text-align: center;
        color: #134bff;
    }

    .Servicio-Contenido {
        display: flex;
        padding: 40px;
        /*border: solid 1px green;*/
    }

    .Servicios-Col1 {
        width: 40%;
        /*border: solid 1px red*/
    }

    .Servicios-photo1 {
        width: 80%;
        height: auto;
        text-align: left;
    }

    .Servicios-Col2 {
        width: 60%;
        align-items: end;

    }

    ul .Servicios-Bullets {
        list-style-type: disc;
        color: black;
        
    }

    .Servicios-Bullets {
        color: black;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
    }

    .Serv-Txt {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: black;
        line-height: 34px;
    }

    .Servs-Area-fotosInferior {


    }

    .Servs-foteador {
        margin: auto;
        /*border: solid 1px red;*/
        text-align: center;
    }

    .servFoto-caracteristicas {
        padding: 30px;
        width: 25%;
        margin-bottom: 55px;
    }




    /* ################## CELULARES ##################*/

    @media (max-width: 790px) { 
    
    .Servs-Area {
        background-image: url(images/bg.jpg);
        position: top right;
        height: auto;
        /*border: solid 1px red;*/
        margin-top: 80px;
        padding-bottom: 100px;
    }

    .Servs-Secc-Interna {
        padding-top: 30px; /* Con Padding-top bajamos el contenido 130px para que se vea despues del segundo menú */
        max-width: 100%;
        /*border: solid 1px yellow;*/
        align-items: center;
        margin: auto;
        height: auto;
    }

    .Servicio-Operaciones {
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        text-align: center;
        color: #134bff;
        font-size: 28px;
    }

    .Servicio-Contenido {
        display: block;
        padding: 40px;
        /*border: solid 1px green;*/
        height: auto;
    }

    .Servicios-Col1 {
        width: 100%;
        /*border: solid 1px red*/
        text-align: center;
    }

    .Servicios-photo1 {
        width: 70%;
        height: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .Servicios-Col2 {
        width: 100%;
        /*align-items: end;*/
        /*border: solid 2px red;*/

    }

    .Servicios-Bullets {
        /*list-style-type: disc;*/
        color: black;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        /*border: solid 2px pink;*/
        
    }

    .Serv-Txt {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: black;
        line-height: 34px;
    }

    .bullets-Area {
        /*border: solid 2px yellow;*/
        font-family: 'Fira Sans', sans-serif;
        font-size: 3px;
        height: 250px;
    }

    .Servicios-Lista {
        font-family: 'Fira Sans', sans-serif;
        font-size: 3px;
        /*border: solid 1px red;*/
    }

    .Servs-Area-fotosInferior {
    /*border: solid 1px red;*/

    }

    .Servs-foteador {
        margin: auto;
        /*border: solid 1px red;*/
        text-align: center;
    }

    .servFoto-caracteristicas {
        padding: 10px;
        width: 70%;
        margin-bottom: 5px;
    }
    
    
    
    
    }