:root {
    --color-amazon: #FE9D42;
    --color-sae: #eb0029;
    --color-gris-mercado-libre: rgba(51,51,51,.6);
}
/*========================================================================================*/
.navbar {
    height: 55px;
    border-bottom: 1px solid linear-gradient(90deg, rgba(235,0,41,1) 0%, rgb(193 3 32) 64%);
    color: #ffffff;
    background: rgb(235,0,41);
    background: linear-gradient(90deg, rgba(235,0,41,1) 0%, rgb(193 3 32) 64%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-shadow: 0 0 10px -2px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0 0 10px -2px rgba(153, 153, 153, 0.5);
    box-shadow: 0 0 10px -2px rgba(153, 153, 153, 0.5);
}

.navbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navbar ul li {
    display: inline-block;
    padding: 2px 5px;
}

.navbar ul li::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.navbar ul.navbar-info li a {
    color: #ffffff;
    text-decoration: none;
}

.navbar ul li span {
    vertical-align: text-top;
}


/* HEADER ICONOS | Inicio */

.navbar ul li .icono {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
    vertical-align: middle;
}

.navbar ul li .icono:hover {
    transition: all 400ms;
}

#sae-cs .navbar ul li .icono:hover {
    background-color: var(--color-amazon);
}

#l-sae-cs-p1 h1, h2, h3, p
{
    color: #2d2e2f;
}

.c-h1-size{
    font-size: 55px;
}
#l-sae-cs-p2 h2, h3, p
{
    color: #2d2e2f;
}

#l-sae-cs-p3 h2, h3, p
{
    color: #2d2e2f;
}

.text-color-product
{
    color: var(--color-sae);
}

/*Botones contrata ahora y prueba gratis*/
.btn-sae-cs{
    text-decoration: none;
    padding: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    background: var(--color-sae);

    border-radius: 1px;
    border: 2px solid var(--color-sae);
    padding: 10px 40px;
    margin: 2%;
}

.btn-sae-cs:hover{
    color: rgb(235,0,41);
    background: #ffffff;
    border: 2px solid rgb(235,0,41);
}

.btn-sae-cs-fantasma{
    text-decoration: none;
    padding: 10px;
    font-weight: 400;
    font-size: 20px;
    color: var(--color-sae);
    background-color: #ffffff;
    border-radius: 1px;
    border: 2px solid var(--color-sae);
    padding: 10px 40px;
    margin: 2%;
}

.btn-sae-cs-fantasma:hover{
    color: #ffffff;
    background: var(--color-sae);
    border: 2px solid var(--color-sae);
}
/*Termina botones de contrata ahora y prueba gratis*/

.presentacion p
{
    color: #ffffff;
}


.img-center{
    display:block;
    margin:auto;
}

.sae-cs-parrafo{
    font-size: 1.3em;
    text-align: center;
}

.span-b-sae-cs
{
    font-weight: 400;
    color: var(--color-sae);
}
.span-b-mlibre-cs
{
    font-weight: 400;
    color: var(--color-amazon);
}

.span-b-sae-cs-gray
{
    font-weight: 400;
    color: #777777;
}


.fondo-line-amazon
{
    color: #ffffff;
    padding-top: 5%;
    padding-bottom: 5%;
    background: rgb(235,0,41);
    background: linear-gradient(90deg, rgba(235,0,41,1) 0%, rgb(193 3 32) 64%);
}
/*========================================================================================*/
/* Header and footer*/

/*========================================================================================*/
    /*  ===================================
            Start Media Queries
    =================================== */
    /*pantallas como samsung s9*/
    @media (max-width: 390px) {
        .navbar {
            display: none;
        }

        .mt-15{
            margin-top: 10%;
        }

        .logo-responsive-custom
        {
            width: 35%;
            margin-top:8%;
            display:block;
            margin:auto;
        }

        .img-producto-responsive-custom
        {
            width: 400px;
        }

        .img-logos-responsive-custom
        {
            width: 40%;
        }

        #btn-custom-visibles
        {
            display: none;
        }

        .video-youtube-height
        {
            height: 200px;
        }

        p {
            font-size: 2em;
        }

        .custom-text-p
        {
            font-size: 2em;
        }

        .custom-img-responsive{
            width: 300px;
        }
    }

    @media (min-width: 391px) and (max-width: 473px) {
        .navbar {
            display: none;
            margin-bottom: 20px;
        }

        .navbar ul.navbar-info {
            text-align: center;
        }

        .navbar ul li {
            padding: 5px;
        }

        .navbar ul.navbar-social li:first-child {
            margin-top: 20px;
            margin-bottom: 0px;
            height: 0px;
        }
        p {
                font-size: 2em;
        }

        .custom-text-p
        {
            font-size: 2em;
        }

        .btn-sae-cs{
            width: 80%;
            margin-bottom: 30%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .logo-responsive-custom
        {
            width: 30%;
            display:block;
            margin:auto;
        }

        .img-producto-responsive-custom
        {
            width: 100%;
        }

        .img-logos-responsive-custom
        {
            width: 40%;
        }

        #btn-custom-visibles{
            display: none;
        }

        .video-youtube-height
        {
            height: 300px;
        }

        .custom-img-responsive{
            width: 300px;
        }
    }

    @media (min-width: 474px) and (max-width: 575px) {
        .navbar {
            height: 110px;
        }
        .navbar ul.navbar-info {
            text-align: center;
        }
        .navbar ul li {
            padding: 5px;
        }
        .navbar ul.navbar-social li:first-child {
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .btn-sae-cs{
            margin-bottom: 30%;
        }

        .mt-15{
            margin-top: 30%;
        }

        .logo-responsive-custom
        {
            width: 30%;
            display:block;
            margin: auto;
        }

        .img-producto-responsive-custom
        {
            width: 100%;
        }

        .img-logos-responsive-custom
        {
            width: 40%;
        }

        #btn-custom-movil{
            display: none;
        }

        .video-youtube-height
        {
            height: 300px;
        }

        .custom-img-responsive{
            width: 300px;
        }
    }

    @media (min-width: 576px) and (max-width: 768px) {
        .navbar {
            height: 75px;
        }
        .navbar ul.navbar-info {
            text-align: center;
        }
        .navbar ul.navbar-social {
            padding: 0 10px;
        }
        .navbar ul li {
            padding: 5px 2px;
        }

        .btn-sae-cs{
            margin-bottom: 30%;
        }

        .mt-5{
            margin-top: 15%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .logo-responsive-custom
        {
            width: 30%;
            display:block;
            margin: auto;
        }

        .img-producto-responsive-custom
        {
            width: 100%;
        }

        .img-logos-responsive-custom
        {
            width: 40%;
        }

        #btn-custom-movil{
            display: none;
        }

        .video-youtube-height
        {
            height: 300px;
        }

        .custom-img-responsive{
            display: none;
        }
    }

    @media (min-width: 769px) and (max-width: 973px) {
        .navbar {
            height: 60px;
        }

        .mt-5{
            margin-top: 15%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .btn-sae-cs{
            margin-bottom: 30%;
        }

        .logo-responsive-custom
        {
            width: 30%;
            margin-top:8%;

        }

        .img-producto-responsive-custom
        {
            width: 100%;
        }
        #btn-custom-movil{
            display: none;
        }

        .img-logos-responsive-custom
        {
            width: 50%;
        }

        .video-youtube-height
        {
            height: 300px;
        }

        .custom-img-responsive{
            width: 300px;
        }
    }
    /*pantallas ipad*/
    @media (min-width: 770px) and (max-width: 1200px) {
        .button-adquierelo {
            position: relative;
            left: 65vw;
        }

        .mt-5{
            margin-top: 5%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .logo-responsive-custom
        {
            width: 20%;
            display:block;
            margin:auto;
        }

        .img-producto-responsive-custom
        {
            width: 100%;
        }

        .img-logos-responsive-custom
        {
            width: 50%;
        }

        #btn-custom-movil{
            display: none;
        }

        .video-youtube-height
        {
            height: 300px;
        }

        .custom-img-responsive{
            width: 300px;
        }
    }
    /*Pantallas grandes*/
    @media (min-width: 1201px) and (max-width: 1700px) {

        #l-sae-cs-p1 p
        {
            font-size: 1.2em;
        }

        .mt-5{
            margin-top: 7%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .button-adquierelo {
            position: relative;
            left: 65vw;
        }

        .logo-responsive-custom
        {
            width: 13%;
            margin-top:10%;
        }

        .img-producto-responsive-custom
        {
            width: 250px;
        }

        .img-logos-responsive-custom
        {
            width: 70%;
            display:block;
            margin:auto;
        }

        .custom-img-responsive{
            width: 300px;
            display: block; 
            /*margin: 18% auto;*/
        }
        
        #btn-custom-movil{
            display: none;
        }

        .video-youtube-height
        {
            height: 500px;
        }

        .custom-br
        {
            border-right: 2px solid #415364;
        }

        .img-ml-60
        {
            margin-right: -60%;
        }

        .custom-h2-size-20
        {
            font-size: 20px;
        }
    }

    /*TV */
    @media (min-width: 1701px) and (max-width: 2500px) {

        #l-sae-cs-p1 p
        {
            font-size: 1.5em;
        }

        .mt-5{
            margin-top: 5%;
        }

        .mt-15{
            margin-top: 10%;
        }

        .button-adquierelo {
            position: relative;
            left: 65vw;
        }

        .logo-responsive-custom
        {
            width: 15%;
            margin-top:15%;
        }

        .img-producto-responsive-custom
        {
            width: 100px;
        }

        .img-logos-responsive-custom
        {
            width: 70%;
            display:block;
            margin:auto;
        }

        #btn-custom-movil{
            display: none;
        }

        .video-youtube-height
        {
            height: 500px;
        }

        .img-ml-60
        {
            margin-right: -60%;
        }

        .custom-img-responsive{
            width: 300px;
            display: block; 
            /*margin: 18% auto;*/
        }
    }
    /*  ===================================
            End Media Queries
    =================================== */
/*========================================================================================*/

.text-white
{
    color: #ffffff;
}

.custom-text-p
{
    font-size: 17px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #005dab;
}

a {
    color: #eee;
    text-decoration: none;
}

.custom-mb-5
{
    margin-bottom: 5%;
}

.m-rl-15
{
    margin: 0% 5%;
}

.mb-6
{
    margin-bottom: 6%;
}

.mb-7
{
    margin-bottom: 7%;
}

.mb-1 
{
    margin-bottom: 3%;
}

.mt-5 
{
    margin-top: 5%;
}

.mt-10
{
    margin-top: 10%;
}

.bg-gray
{
    background-color: #f5f5f5;
}

.f-weight-400
{
    font-weight: 400;
}

.custom-text-p-legal
{
    font-size: 13px;
}

.custom-h2-size-20
{
    font-size: 20px;
}

.mt-mb-btn
{
    margin-top: 2%;
    margin-bottom: 5%;
}