:root {

    --purple: #7c01c2;

    --purple-2: #611ed0;

    --green: rgb(1, 112, 69);

    --orange: #f29100;

    --grey: #808080;

    --grey-2: #c4c0c0;

    --grey-3: #eeeeee;

    --cyan: #01c3de;

    --green-2: #00cf36;

    --white: #fff;

    --gold: #ffd700;

    --silver: #c0c0c0;

}



body > * {

    max-width: 100%;

    /* font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",

        "Lucida Sans Unicode", Geneva, Verdana, sans-serif; */

}



body {

    margin: 0;

    font-family: fontForTodos;

}



body * {

    box-sizing: border-box;

    font-family: fontForTodos;

}



button {

    cursor: pointer;

}



.draggable {

    flex-wrap: nowrap;

}



.header {

    width: 100%;
    margin: auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: var(--white);

}



.header-cuenta {

    width: 100%;

    margin: auto;

    padding: 0 20px;

    box-sizing: border-box;



    position: fixed;

    top: 0;

    z-index: 10;

    background-color: var(--purple-2);

    color: white !important;

}

.box-shad-header {

    box-shadow: 0px 2px 5px #808080;

}



.top-lbl-ubicacion{

    color: var(--purple-2);

}

.top-lbl-ubicacion-2{

    color: var(--grey);

    font-weight: bold;

    font-size: 0.8em;

    cursor: pointer;

}

.separador-header-fixed {

    margin-top: 125px;

}

.separador-header-fixed-cuenta {

    margin-top: 70px;

}

.top-navegacion {

    display: flex;

    align-items: center;

    min-height: 125px;

    max-width: 1200px;

    margin: auto;

}

.top-navegacion-cuenta{

    display: flex;

    align-items: center;

    min-height: 70px;

    max-width: 850px;

    margin: auto;

}



.img-top-navegacion {

    width: auto;

    height: 60px;

    margin: 0 2em 0 0;

}



.form-header {

    width: 100%;

    margin: auto;

}



.inputs-top-navegacion {

    display: flex;

    justify-content: start;

    align-items: center;

    width: 100%;

}

.group-location{

    width: 200px;
    font-size: 0.85em;

}

.group-search-location{

    width: 200px;

    height: 25px;

    max-height: 25px;

    display: none;

    align-items: end;

}

.cambia-region-top {

    padding: 0;

    margin: 0;

    background-color: transparent;

    border: 1px solid transparent;

    color: var(--purple);

    text-align: left;

    margin-right: 8px;

    text-decoration: none;

    font-weight: bolder;

}

.input-txt-top {

    width: calc(100% - 200px);

    height: 30px;

    box-sizing: border-box;

    border: 1px solid var(--grey-2);

    color: var(--grey);

    padding: 0 10px;

    border-radius: 3px;

    margin-right: 8px;

}



.input-txt-top::placeholder {

    color: var(--grey-2);

}



.input-txt-top:focus {

    /* outline: 1px solid var(--grey); */

}



.btn-top {

    background-color: var(--orange);

    border: var(--orange);

    color: var(--white);

    border-radius: 4px;

    width: 30px;

    min-width: 30px;

    height: 30px;

}



.separador-vertical {

    width: 1px;

    min-width: 1px;

    display: flex;

    align-self: stretch;

    background-color: var(--grey);

    margin: 8px 8px;

    height: auto;

    box-sizing: border-box;

}



.top-sesion {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: start;

    width: 500px;

}



.top-sesion-cuenta {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: end;

    width: auto;

    margin-left:auto ;

}

.top-sesion-cuenta .top-cuenta-s{

    border-left:1px solid white ;

    height: 20px;

}

.top-sesion-cuenta > .top-cuenta-link{

    padding: 0 1em;

}

.top-sesion-cuenta a{

    text-decoration: none;

    color: white;

}



.img-top-sesion {

    height: 100%;

    border-radius: 100%;

    width: 35px;

    height: 35px;

    border: 2px solid var(--white);

    /* outline: 1px solid var(--grey); */

}



.usuario-top-sesion {

    flex-grow: 1;

    display: flex;

    justify-content: start;

    min-width: 200px;

    max-width: 250px;

    cursor: pointer;

}



.usuario-top-sesion > p {

    margin: 0 ;

    margin-right: 5px ;

    width: 100%;

    color: var(--grey);

    display: flex;

    align-items: center;

    padding-right: 10px;



    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.usuario-top-sesion a {

    text-decoration: none;

    flex-basis: content;

    min-width: 65px;

}

.usuario-top-sesion > p > a {

    color: var(--grey);

    text-decoration: none;

    overflow: hidden;

    text-overflow: ellipsis;

}

.usuario-top-sesion i {

    font-size: 14px;

}



/**/

.top-iniciar-sesion {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 10px;

    width: 300px;

    min-width: 300px;

    box-sizing: border-box;

}



.top-iniciar-sesion a {

    flex-grow: 1;

    margin-right: 8px;

}

.top-nav-btn-iniciar-sesion {

    background-color: #741fc8;
    border: var(--grey-2);
    color: #FFFFFF;
    border-radius: 5px;
    height: 30px;
    width: 100%;
    font-weight: bolder;
    font-size: 1em;
    padding:5px;
}



.top-nav-btn-crear-cuenta {
    background-color: var(--orange);
    border: var(--orange);
    color: var(--white);
    border-radius: 5px;
    height: 30px;
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    padding:5px;
}



@media screen and (width < 960px) {

    .separador-header-fixed {

        margin-top: 184px;

    }

    .top-navegacion {

        flex-direction: column;

        margin: 10px 0;

    }



    .inputs-top-navegacion {

        justify-content: start;

        margin-bottom: 5px;

    }



    .input-txt-top {

        width: 100%;

    }



    .top-sesion {

        justify-content: center;

    }

}



@media screen and (width < 780px) {

    .inputs-top-navegacion {

        justify-content: center;

    }



    .input-txt-top {

        width: 100%;

    }

}



/**/

.top-nav-fixed {

}



.top-nav-fixed .inputs-top-navegacion * {

    display: none;

}



/* MAIN */

main {

    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.main-index {

    background: #eeeeee;

}



/* GRANDES MARCAS*/



.section-gral {

    max-width: 990px;

    margin: auto;

    box-sizing: border-box;

}





.section-grandes-marcas {

    max-width: 1120px !important;

}



.section-titulo {

    font-weight: 500;

    color: var(--purple);

    margin: 0;

    display: flex;

    align-items: center;

}



.card-grandes-marcas {

    border: 1px solid var(--grey-2);

    border-radius: 15px;

    padding: 15px 25px;

    display: flex;

    flex-wrap: nowrap;

    background-color: var(--white);

    overflow-x: hidden;

    scroll-behavior: smooth;

}

.card-grandes-marcas > a {

    margin-right: 8px;

}

.card-grandes-marcas::-webkit-scrollbar {

    display: none;

}





/*CATEGORIAS*/

.section-categorias {

    padding: 10px 0 10px 0;

    width: 1020px !important;

    margin: auto;

    box-sizing: border-box;

}



.top-categorias {

    display: flex;

    align-items: center;

    width: 100%;

    padding: 0 10px;

}

.top-categorias-decorado {
    background-color: #741fc8;
    color: white;
    border-radius: 1em;
}

.top-categorias h3 {

    width: 100%;

}



.categoria-buttons {

    width: 80px;

    display: flex;

    justify-content: center;

}

.categoria-buttons > button:first-child {

    margin-right: 5px;

}



.categoria-buttons button {

    flex-grow: 1;

    height: 35px;

    max-height: 35px;

    width: 35px;

    max-width: 35px;

    /*background-color: transparent;*/

    border: 1px solid var(--purple);

    color: var(--purple);

    border-radius: 100%;

}



.contenedor-categorias-web {

    display: flex;

    flex-wrap: wrap;

    min-width: 100%;

    scroll-behavior: smooth;

    scrollbar-width: none;

    box-sizing: border-box;

}



.contenedor-categorias {

    display: flex;

    overflow-x: auto;

    width: 1120px;

    margin: auto;

    max-width: 100%;

    scroll-behavior: smooth;

    scrollbar-width: none;

}



.contenedor-categorias-12 {

    min-width: 100%;

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    overflow: hidden;

    box-sizing: border-box;

    /*height: 325px;*/

}



@media screen and (width <= 1024px) {

    .contenedor-categorias-12 {

        min-width: 100%;

        display: grid;

        grid-template-columns: repeat(6, 1fr);

        justify-content: center;

        align-items: center;

        overflow: hidden;

        align-items: center;

        grid-auto-columns: 150px;

    }

}

@media screen and (width <= 720px) {

    .contenedor-categorias-12 {

        min-width: 100%;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        justify-content: center;

        align-items: center;

        overflow: hidden;

        align-items: center;

        grid-auto-columns: 150px;

    }

}



.contenedor-categorias::-webkit-scrollbar {

    display: none;

}



.card-categoria {

    width: 140px;

    max-width: 140px;

    height: 140px;

    max-height: 140px;

    border: 1px solid #ebebeb;

    border-radius: 10px;

    padding: 5px;

    text-align: center;

    background-color: #ffffff;

    box-sizing: border-box;



    margin-right: 5px;

    margin-bottom: 5px;



    align-self: center;

    justify-self: center;



    color: #939393;

    /*font-weight: bolder;*/

}



.card-categoria a {

    text-decoration: none;

    color: var(--grey);

}

.card-categoria img {

    width: 100px;

    max-width: 100px;

    height: 100px;

    min-height: 100px;

    max-height: 100px;

}



.card-nombre-cat {

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-top: -5px;

    line-height: 14px;

}



.contenedor-categorias-inline {

    display: flex;

    overflow-x: auto;

    min-width: 100%;

    scroll-behavior: smooth;

    scrollbar-width: none;

}

.contenedor-categorias-inline::-webkit-scrollbar {

    display: none;

}

.card-categoria-inline {

    width: 120px;

    min-width: 120px;

    max-width: 120px;

    height: 120px;

    max-height: 120px;

    border: 1px solid var(--purple);

    border-radius: 10px;

    padding: 10px;

    text-align: center;

    background-color: var(--white);

    box-sizing: border-box;



    align-self: center;

    justify-self: center;

    margin-right: 5px;

}

.card-categoria-inline a {

    text-decoration: none;

    color: var(--grey);

}

.card-categoria-inline img {

    width: 80px;

    max-width: 80px;

    height: 80px;

    min-height: 80px;

    max-height: 80px;

}



/* SECTION FRASE Y BOTONES */



.frase-contenido {

    width: 380px;

    margin-right: 2.5em;

}



.frase-c-titulo {

    color: var(--purple);

    font-size: 1.8em;

}



.frase-c-texto {

    color: var(--grey);

}

.frase-c-texto strong {

    color: dimgrey;

}



.frase-btns {

    display: flex;

    justify-content: start;

    align-items: center;

}

.frase-btns > a {

    text-decoration: none;

    color: var(--white);

    margin-right: 10px;

}



.frase-btn-crear {

    border-radius: 5px;

    border: 1px solid var(--purple);

    background-color: transparent;

    color: var(--purple);

    font-weight: bold;

    padding: 8px 20px;

    height: 35px;

}



.frase-btn-habla {

    border-radius: 5px;

    border: 1px solid var(--purple);

    background-color: var(--purple);

    color: var(--white);

    font-weight: bold;

    padding: 8px 20px;

    height: 35px;

}



/* SECTION ARTICULOS */

.section-articulos {

    padding: 50px 20px 50px 20px;

}



.top-articulos {

    display: flex;

    align-items: center;

}



.div-art-titulo {

    margin: 0;

    color: var(--grey);

}



.top-articulos .btn-mas-articulos {

    margin: auto auto auto 20px;

    border-radius: 5px;

    border: 1px solid var(--purple);

    background-color: var(--purple);

    color: var(--white);

    font-weight: bold;

    font-size: 14px;

    padding: 8px 20px;

}



.contenedor-articulos {

    max-width: 100%;

    margin: 20px 0;

    display: inline-flex;



    justify-content: start;

    flex-wrap: nowrap;

    overflow-x: auto;

}



.contenedor-articulos::-webkit-scrollbar {

    display: none;

}



.card-articulo {

    border-radius: 20px;

    min-width: 200px;

    width: 200px;

    max-width: 200px;

    margin-right: 10px;

}



.card-a-img {

    min-height: 100px;

    width: 100%;

    border-radius: 20px;

}



.card-a-contenido {

    padding: 15px 5px;

}



.art-contenido-categoria {

    color: var(--grey);

    margin-bottom: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.art-contenido-titulo {

    font-weight: bold;

    margin: 10px 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.art-contenido-fecha {

    color: var(--grey);

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



/* FOOTER */

footer {

    background-color: var(--purple-2);

    color: var(--white);

    height: 550px;

    padding: 90px 0 50px 0;

}



.lbl-li-numero {

    font-size: 1.5em;

    font-weight: bolder;

    font-family: fontForTodosBold;

}

.link-reclamaciones-footer {

    display: flex;

    flex-direction: column;

    align-items: start;

    justify-content: start;

}

.img-reclamaciones-footer {

    max-width: 90px;

}

.link-reclamaciones-footer > label {

}

.section-footer-top {

    width: 1000px;

    max-width: 100%;

    box-sizing: border-box;

    height: 345px;

    display: flex;

    margin-bottom: 50px;

}



.div-izquierdo {

    display: flex;

    align-items: center;

    justify-content: end;

    width: 300px;

    max-width: 300px;

}



.div-izquierdo img {

    height: 80px;

}



.footer-frase-1 {

    margin: 10px 0;

    font-size: 25px;

}



.footer-frase-2 {

    margin: 10px 0;

    font-size: 25px;

    font-weight: bolder;

}



.footer-btn-comunicate {

    border: 1px solid var(--white);

    padding: 10px 20px;

    border-radius: 8px;

    background-color: transparent;

    color: var(--white);

    font-size: 20px;

}



.div-derecho {

    width: 100%;

    max-width: 60%;

    padding: 0 80px;

}



.footer-otros-enlaces {

    display: flex;

    justify-content: start;

}



.footer-otros-enlaces a {

    color: var(--white);

    text-decoration: none;

}



.footer-otros-enlaces li {

    list-style: none;

    margin: 1.5em 0;

}



.footer-enlaces-1 {

    text-align: left;

    padding: 50px 40px 0 0;

    flex: 1 1 0;

}



.separador-vertical {

    padding: 0;

    margin: 0 5px;

    background-color: var(--white);

}



.footer-enlaces-2 {

    text-align: left;

    padding: 50px 0 0 40px;

    flex: 1 1 0;

}



.footer-medios-pago-link {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-top: 30px;

}

.footer-medios-pago-link > a:not(:last-child) {

    margin-right: 10px;

}



.footer-pago-img {

    height: 80px;

}



.section-footer-terminos {

    width: 1120px;

    max-width: 100%;

    margin: auto;

    box-sizing: border-box;

}



.footer-terminos {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.footer-terminos p {

    margin: 0;

    font-size: 14px;

    font-weight: lighter;

}



.footer-terminos p a {

    margin-left: 0px;

    text-decoration: none;

    color: var(--white);

    font-weight: 600;

}



.footer-terminos-redes {

    display: flex;

    align-items: center;

}



.footer-terminos-redes > a:not(:last-child) {

    margin-right: 8px;

}



.footer-redes-img {

    height: 40px;

    width: 40px;

    object-position: center;

    object-fit: contain;

}





/* PAGINA NOSOTROS */



.section-banner-fondo {

    min-height: 250px;

    background-color: orange;

    display: flex;

    align-items: center;

}



.section-banner-fondo p {

    width: 990px;

    max-width: 100%;

    margin: auto;

    box-sizing: border-box;

    color: var(--white);

    font-size: 1.5em;

}



/*Section frases*/

.section-frases {

    margin: 2em auto;

    width: 990px;

    max-width: 100%;

    box-sizing: border-box;

}



.top-frases {

    display: flex;

}



.frase {

    flex: 1 1 0px;

    font-size: 1.5em;

    align-self: center;

    color: var(--purple);

    margin-right: 2em;

}



.parrafo {

    flex: 1 1 0px;

    color: var(--grey);

}



.circulos-frases {

    margin: 10px 0;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

}



.card-circulo {

    flex: 1 1 0px;

    box-sizing: border-box;

    text-align: center;

}

.card-circulo:not(:last-child) {

    margin-right: 10px;

}



.card-circulo img {

    border-radius: 100%;

    border: 1px solid blue;

    height: 120px;

    width: 120px;

    margin-bottom: 10px;

    box-sizing: border-box;

}



.card-circulo-contenido h6 {

    font-size: 14px;

    margin: 8px 0;

}



.card-circulo-contenido p {

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



/* Section perfil digital*/



.section-perfil-digital {

    background-color: var(--purple);

}



.contenedor-perfil-digital {

    margin: auto;

    width: 990px;

    max-width: 100%;

    box-sizing: border-box;

    padding: 3em 0 2em 0;

}



.contenedor-perfil-digital > p {

    margin: 0;

    font-size: 2em;

    color: var(--white);

    text-align: center;

}



.grid-perfil-digital {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



.perfil-paso {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.perfil-paso:nth-child(even) {

    margin-left: 10px;

}



.perfil-paso:nth-child(odd) {

    margin-right: 10px;

}



.perfil-paso > img {

    border-radius: 8px;

    border: 1px solid white;

    min-width: 80px;

    min-height: 80px;

    margin-right: 0.75em;

}



.perfil-paso .perfil-paso-cont {

    color: var(--white);

    font-size: 14px;

    margin-left: 0.75em;

}



/*Section Frase Nosotros*/

.section-frase-nosotros {

    background-color: #eeeeee;

}



.contenedor-frase-nosotros {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 50px 0;

}



/* PAGINA IMPULSA */



.lbl-section-frases {

    color: var(--grey);

    font-size: 18px;

}



.section-form-impulsa {

    background-color: var(--purple);

}



.contenedor-form {

    margin: auto;

    width: 990px;

    max-width: 100%;

    box-sizing: border-box;

    padding: 3em 20px;

    display: flex;

    justify-content: center;

}



.contenedor-frases {

    color: var(--white);

    width: 400px;

}



.frase-1 {

    font-size: 20px;

    padding: 15px 3em;

}



.frase-2 {

    font-size: 20px;

    font-weight: lighter;

    padding: 15px 3em;

}



.frase-lista {

    font-size: 16px;

    font-weight: 100;

    padding: 0 1em;

}



.frase-lista > div {

    position: relative;

    padding: 5px 0;

    list-style: none;

    display: flex;

}

.frase-lista > div > span {

    font-style: italic;

    font-weight: lighter;

}

.frase-lista > div > .list-number {

    width: 25px;

    height: 25px;

    padding: 5px;

    border-radius: 100%;

    background-color: var(--orange);

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 5px;

}



.contenedor-inputs {

    width: 600px;

    border: 1px solid var(--white);

    border-radius: 12px;

    padding: 15px 25px;

    box-sizing: border-box;

}

.contenedor-inputs legend {

    text-align: center;

    color: var(--white);

    font-size: 20px;

}



.div-form-anuncia {

    color: var(--white);

    margin: 8px 0;

}



.div-form-anuncia label {

    width: 100%;

    font-size: 15px;

}



.div-form-anuncia label span {

    color: var(--orange);

}



.div-form-anuncia label .lbl-2 {

    color: var(--grey-2);

    font-size: 14px;

}



.div-form-anuncia input {

    width: 100%;

    margin: 5px 0;

    height: 35px;

    border-radius: 8px;

    padding: 0 8px;

    outline: none;

    border: 1px solid transparent;

    box-sizing: border-box;

}



.div-form-anuncia select {

    width: 100%;

    margin: 5px 0;

    height: 35px;

    border-radius: 8px;

    padding: 0 8px;

    outline: none;

    border: 1px solid transparent;

    box-sizing: border-box;

}



.contenedor-inputs-doble {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



.contenedor-inputs-doble > .div-form-anuncia:first-child {

    margin: 0;

    margin-right: 5px;

}

.contenedor-inputs-doble > .div-form-anuncia:last-child {

    margin: 0;

    margin-left: 5px;

}



.check-form-anuncia {

    display: flex;

    align-items: center;

    color: var(--white);

    font-size: 12px;

    font-weight: 200;

    height: 35px;

    margin: 5px 0;

}



.check-form-anuncia > input {

    border: transparent;

    border-radius: 8px;

    margin-right: 5px;

}



.check-form-anuncia > label {

    margin-left: 5px;

}

.check-form-anuncia label a {

    color: var(--white);

    font-weight: bold;

}



.bottom-form-anuncia {

    display: flex;

    align-items: center;

    color: var(--white);

}



.lbl-bottom-form-anuncia {

    font-size: 12px;

    font-weight: 200;

    flex-grow: 1;

}



.lbl-bottom-form-anuncia span {

    color: var(--orange);

}



.btn-form-anuncia {

    flex-grow: 1;

    background-color: var(--orange);

    border: var(--orange);

    color: var(--white);

    font-weight: bold;

    border-radius: 5px;

    padding: 8px 20px;

}



/* Circulos arriba tiene los estilos */



/*Section planes*/



.section-planes {

    background-color: #eeeeee;

    padding: 2em 0;

}



.contenedor-planes {

    max-width: 100%;

    width: 990px;

    margin: auto;

}

.contenedor-planes-titutlo {

    max-width: 100%;

    width: 990px;

    text-align: center;

    color: var(--grey);

}

.contenedor-planes-titutlo strong {

    color: dimgrey;

}



.grupo-cards {

    display: grid;

    grid-template-columns: repeat(3, 250px);

    justify-content: center;

    margin-top: 20px;

}



.card-plan {

    margin-left: 4px;

    margin-right: 4px;

    box-sizing: border-box;

    border: none;

    box-shadow: 0px 1px 10px -5px var(--grey);

    border-radius: 20px;

    align-self: baseline;

}

.card-plan:first-child {

    margin-right: 4px;

    margin-left: 0;

}

.card-plan:last-child {

    margin-left: 4px;

    margin-right: 0;

}

.card-plan .card-top h3 {

    margin: 0;

    font-size: 16px;

    font-weight: 900;

    font-family: fontForTodosBold;

}



.card-plan .card-top {

    text-align: center;

    border-radius: 20px 20px 0 0;

    padding: 20px;

    text-transform: uppercase;

    color: var(--white);

}

.card-plan .card-top img {

    height: 100px;

    max-height: 100px;

    object-fit: contain;

}



.card-plan .card-top-destacado {

    background-color: #00c38c;

}



.card-plan .card-top-empresa {

    background-color: #6421c4;

}



.card-plan .card-top-emprendedor {

    background-color: #f99421;

}



.card-contenido {

    padding: 0 0;

}



.card-contenido li {

    list-style: none;

    padding: 10px 20px;

    font-size: 14px;

    color: var(--grey);

    border-bottom: 1px solid var(--grey-2);

    background-color: var(--white);

}



.card-bottom {

    text-align: center;

    border-radius: 0 0 20px 20px;

    padding: 20px;

    background-color: var(--white);

}



.card-btn {

    padding: 8px 16px;

    border: 1px solid var(--purple);

    border-radius: 8px;

    color: var(--purple);

    font-size: 14px;

    background-color: var(--white);

}



.section-banner-anuncia-nosotros {

    width: 100%;

    text-align: center;

}



/*Section Frase Nosotros*/

.contenedor-frase-impulsa {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 50px 0;

}



/* INICIO MODAL */



/* Modal */

.btn-abrir-modal {

    background-color: var(--purple);

    border: var(--purple);

    border-radius: 8px;

    color: #fff;

    text-align: center;

    height: 45px;

    font-size: 20px;

    width: 250px;

    margin: auto;

}



/* El modal (fondo negro) */

.modal {

    display: none;

    /* Hidden by default */

    position: fixed;

    /* Stay in place */

    z-index: 100;

    /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    max-width: 100vw;

    height: 100%;

    max-height: 100vh;

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.4);

    /* Black w/ opacity */

    box-sizing: border-box;

    overflow: none;

    /* Enable scroll if needed */



    transition: opacity 0.5s linear;

}



/* Contenido del modal */

.modal-contenedor {

    background-color: #fefefe;

    margin: 4em auto;

    padding: 20px;

    border: 1px solid #888;

    width: 700px;

    /* Could be more or less, depending on screen size */

    max-width: 80vw;



    border-radius: 10px;

    overflow: auto;

    /* Enable scroll if needed */



    max-height: calc(100vh - 120px);

    box-sizing: border-box;

}



.modal-contenido {

    padding: 0;

}



.modal-titulo {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

}



.modal-titulo-texto {

    text-align: center;

    width: 100%;

}



/* Botón para cerrar el modal */

.icon-cerrar-modal {

    color: var(--purple);

    background-color: #fff;

    border: 2px solid #fff;

    font-size: 28px;

    font-weight: bold;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 30px;

    box-sizing: border-box;

}



.icon-cerrar-modal:hover,

.icon-cerrar-modal:focus {

    border: 2px solid var(--purple);

    border-radius: 5px;

}



.modal-cuerpo {

    padding: 0;

}



.modal-cuerpo .div-form-anuncia {

    color: var(--grey);

    margin: 8px 0;

}



.modal-cuerpo .div-form-anuncia input {

    border: 1px solid var(--grey);

}



.modal-cuerpo .div-form-anuncia select {

    border: 1px solid var(--grey);

}



.modal-cuerpo .check-form-anuncia {

    display: flex;

    align-items: center;

    color: var(--grey);

    font-size: 12px;

    font-weight: 200;

}



.modal-cuerpo .check-form-anuncia > input {

    margin-right: 5px;

}

.modal-cuerpo .check-form-anuncia > label {

    margin-left: 5px;

}

.modal-cuerpo .check-form-anuncia label a {

    color: var(--grey);

    font-weight: bold;

}



.modal-cuerpo .lbl-bottom-form-anuncia {

    color: var(--grey);

}



.modal-botones {

    display: flex;

    justify-content: center;

    border-top: 1px solid var(--grey);

    padding: 10px 0 0 0;

}



.modal-separador {

    width: 100%;

}



.btn-cerrar-modal {

    background-color: #fff;

    border: 1px solid var(--purple);

    border-radius: 8px;

    color: var(--purple);

    text-align: center;

    height: 45px;

    font-size: 20px;

    width: 60%;

}



/* FIN MODAL */



/* PAGINA FORMULARIOS */

.section-fondo-form {

    background-color: var(--orange);

}





.form-general {

    width: 520px;

    box-sizing: border-box;

    border: none;

    box-shadow: 0px 5px 10px -5px var(--grey);

    border-radius: 20px;

    padding: 30px 40px;

    background-color: var(--white);

}

.form-codigo-sesion {

    padding-left: 60px;

    padding-right: 60px;

    width: 450px;

}



.form-titulo {

    font-weight: bolder;

    font-size: 16px;

    color: var(--purple);

    text-align: center;

}



.form-subtitulo {

    font-weight: bold;

    color: var(--cyan);

    font-size: 16px;

    text-align: center;

    margin-bottom: 10px;

}



.grupo-form-input {

    margin-bottom: 8px;
    box-sizing: border-box;

}

.parrafo-recomendaciones {
    font-size: 0.75em;

}

.grupo-form-input > * {

    width: 100%;

}



.input-label {

    color: var(--grey);

    font-size: 14px;

}



.input-label > span {

    color: var(--orange);

}



.input-text {

    height: 35px;

    border-radius: 5px;

    border: 1px solid var(--grey-2);

    /* outline: var(--grey); */

    padding: 0 10px;

    box-sizing: border-box;

    margin-top: 8px;

}



.label-sub {

    color: var(--orange);

    font-size: 10px !important;

}



.grid-2-col {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



.grid-2-col > .grupo-form-input:first-child{

    margin-right: 5px ;

}

.grid-2-col > .grupo-form-input:last-child{

    margin-left: 5px ;

}



.advertencia {

    font-size: 10px;

    color: var(--grey-2);

}



.grupo-form-check {

    display: flex;

    align-items: center;

    font-size: 12px;

    color: var(--grey);

    height: 35px;

    margin: 5px 0;

}

.grupo-form-check > input{

    margin-right: 5px;

}

.grupo-form-check > label{

    margin-left: 5px;

}



.form-btn-continuar {

    background: var(--purple);

    border: 1px solid var(--purple);

    border-radius: 5px;

    color: var(--white);

    font-weight: bolder;

    padding: 10px 35px;

    margin-top: 10px;

    width: 100%;

    min-width: 50%;

}



.contenedor-form-google {

    display: flex;

    margin-top: 2em;

    justify-content: center;

    align-items: center;

}

.contenedor-form-google > label {

    color: var(--grey);

    margin-right: 5px;

}

.contenedor-form-google .cont-boton {

    width: 60px;

    margin-left: 5px;

}



/*form*/

.section-formulario {

    padding: 1em 2em;

}



.lbl-titulo {

    color: var(--purple);

    margin: 0;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 5px;

}



.form-inputs {

    margin: 2em auto;

}



.div-input {

    display: flex;

    flex-direction: column;

    margin-bottom: 10px;

}



.div-input label {

    padding: 0 10px;

    margin-bottom: 5px;

    color: var(--grey);

}



.div-input input {

    height: 35px;

    border-radius: 5px;

    border: 1px solid var(--grey);

    padding: 0 10px;

}



.lbl-subtitulo {

    color: var(--cyan);

    margin: 0;

    text-align: center;

    font-size: 18px;

    font-weight: bold;

}



.p-recomendacion {

    font-size: 14px;

    color: var(--grey);

}



.p-terminos {

    font-size: 14px;

    color: var(--grey);

    display: flex;

    align-items: start;

}



.btn-aceptar-form {

    background-color: var(--purple);

    border: var(--purple);

    border-radius: 8px;

    color: #fff;

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

}



/*Confirmacion*/

.div-form-codigo {

    margin: 2em auto 0 auto;

    height: 250px;

    color: var(--grey);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.div-opt-radio {

    display: flex;

    padding: 0 1em;

    padding-bottom: 1.5em;

    border-bottom: 1px solid var(--grey);

    margin-bottom: 1.5em;

}



.div-opt-radio label {

    flex-grow: 1;

}



.div-opt-radio label .lbl-msj {

    font-weight: bold;

}



.div-opt-radio label .li-correo {

    list-style: none;

}



.div-opt-radio input {

    width: 20px;

}



/*reenviar codigo*/

.section-ingresa-codigo {

    padding: 2em 0;

    width: 450px;

    margin: auto;

}



.div-borde {

    border: 1px solid var(--grey);

    border-radius: 8px;

    display: flex;

    align-items: center;

    font-size: 16px;

    height: 40px;

    padding: 5px;

    margin-top: 1em;

    box-sizing: border-box;

}



.div-borde * {

    flex-grow: 1;

}



.div-borde i:first-child {

    width: 30px;

    max-width: 30px;

    background-color: #d1cfcf;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 30px;

    border-radius: 5px;

    margin-right: 10px;

}



.div-borde i:last-child {

    width: 25px;

    max-width: 25px;

    margin-left: 10px;

}



.msj-codigo {

    font-size: 18px;

    color: var(--grey);

    text-align: center;

}



.div-input-codigo {

    display: flex;

    justify-content: center;

}



.input-codigo {

    height: 35px;

    width: 20px;

    max-width: 20px;

    text-align: center;

    border: 0;

    border-bottom: 1px solid black;

    flex-grow: 1;

    text-transform: uppercase;

    font-size: 20px;

    margin-left: 5px;

    margin-right: 5px;

}



.input-codigo:focus {

    /* outline: none; */

}



.div-codigo-botones {

    margin: 2em 0;

}



.btn-reenviar {

    background-color: #d1cfcf;

    border: #d1cfcf;

    border-radius: 8px;

    color: var(--grey);

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

    margin-top: 10px;

}



/*Termino registro*/

.div-check {

    color: var(--green-2);

    text-align: center;

    font-size: 5em;

    margin: 0.3em 0;

}



.lbl-subtitulo-verificacion {

    color: var(--grey);

    margin: 0;

    text-align: center;

    font-size: 19px;

    margin-bottom: 5px;

}



.lbl-subtitulo-verificacion label {

    font-weight: bold;

}



/*Form iniciar sesion*/

.form-iniciar-sesion {

    width: 100%;

    margin: auto;

    display: flex;

    flex-direction: column;

}

.form-iniciar-sesion > * {

    margin-top: 5px;

    margin-bottom: 5px;

}



.form-iniciar-sesion .txt-correo {

    height: 35px;

    border-radius: 5px;

    border: 1px solid var(--grey);

    padding: 0 10px;

    outline: none;

}

.form-iniciar-sesion .txt-correo:focus {

    border: 2px solid var(--orange);

    outline: none;

}

.form-iniciar-sesion .input-btn-clave {

    height: 35px;

    border-radius: 5px;

    border: 1px solid var(--grey);

    padding: 0 10px;

    

    display: flex;

    align-items: center;

    justify-content: center;

}



.form-iniciar-sesion .txt-clave {

    height: 25px;

    border: none;

    outline: none;

    flex-grow: 1;

}

.form-iniciar-sesion .txt-clave:focus{

    border: none;

}



.form-iniciar-sesion .input-btn-clave:focus-within {

    border: 2px solid var(--orange);

}



.form-iniciar-sesion .btn-ver-clave {

    background-color: transparent;

    border: transparent;

    width: 25px;

}



.link-ovidar-clave {

    text-decoration: none;

    color: var(--purple);

    text-align: center;

    font-size: 14px;

    padding: 10px 0;

}

.link-ovidar-clave:hover {

    font-weight: bolder;

}



.hr-div-iniciar {

    border-top: 1px solid var(--grey);

    margin: 1em 0px;

    text-align: center;

    color: var(--grey);

}



.lbl-hr {

    position: relative;

    top: -10px;

    background-color: #fff;

    padding: 0 15px;

}

.btn-nueva-cuenta {

    background-color: var(--orange);

    border: var(--orange);

    border-radius: 8px;

    color: #fff;

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

}

.btn-ir-inicio {

    background-color: var(--purple);

    border: var(--purple);

    border-radius: 8px;

    color: #fff;

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

}



/*form crear claves*/

.form-claves {

    margin: 2em auto;

}



.div-input-claves {

    display: flex;

    flex-direction: column;

    margin-bottom: 10px;

}



.div-input-claves > label {

    padding: 0 10px;

    font-size: 14px;

    color: var(--grey);

    margin-bottom: 10px;

}



.div-input-claves > input {

    height: 35px;

    border-radius: 5px;

    border: 1px solid var(--grey);

    padding: 0 10px;

    margin-bottom: 10px;

}



/*Codigo sesion*/

.buttons-codigo-sesion {

    margin: 20px 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.btn-cancelar-codigo {

    flex-grow: 1;

    background-color: #fff;

    border: 1px solid var(--purple);

    border-radius: 8px;

    color: var(--purple);

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

    margin-right: 5px;

}



.btn-buscar-codigo {

    flex-grow: 1;

    background-color: var(--purple);

    border: var(--purple);

    border-radius: 8px;

    color: #fff;

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

    margin-left: 5px;

}



.codigo-otras-opciones {

    margin: 30px 0;

    text-align: center;

}



.codigo-otras-opciones .lbl-titulo {

    font-size: 20px;

    font-weight: bolder;

}



.link-iniciar-sesion {

    text-decoration: none;

    color: var(--purple);

    font-size: 20px;

    font-weight: bolder;

    margin-top: 20px;

}



.codigo-otros-botones {

    display: flex;

    flex-direction: column;

}

.codigo-otros-botones > a:first-child {

    margin-right: 5px;

}

.codigo-otros-botones > a:last-child {

    margin-left: 5px;

}



/* Idntificar cuenta*/

.identificar-div-imagen {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 1.5em auto;

    width: 250px;

}



.border-img {

    border: 2px solid var(--grey);

    padding: 10px;

    border-radius: 50%;

    width: 200px;

    height: 200px;

    box-sizing: border-box;

}



.identificar-imagen-cuenta {

    border-radius: 50%;

    aspect-ratio: 1;

    width: 100%;

    height: 100%;

    border: 1px solid transparent;

}



.identificar-nombre-cuenta {

    font-size: 18px;

}



.identificar-botones {

    display: flex;

    flex-direction: column;

    margin: auto;

}

.identificar-botones > .identificar-btn-si{

    margin-bottom: 10px;

}

.identificar-botones > .identificar-btn-no{

    margin-bottom: 10px;

}

.identificar-botones > a{

    margin-top: 10px;

}



.identificar-btn-si,

.identificar-btn-no,

.identificar-btn-nueva {

    flex-grow: 1;

    background-color: var(--purple);

    border: var(--purple);

    color: #fff;

    border-radius: 8px;

    width: 100%;

    text-align: center;

    height: 35px;

    font-size: 16px;

}



.identificar-btn-si {

    background-color: var(--purple);

    border: var(--purple);

    color: #fff;

}



.identificar-btn-no {

    background-color: #fff;

    border: 1px solid var(--purple);

    color: var(--purple);

}



.identificar-btn-nueva {

    background-color: var(--orange);

    border: var(--orange);

    color: #fff;

}



/**/

.div-separador-frase {

    font-size: 22px;

    color: var(--purple);

    background-color: var(--white);

    width: 100%;

    box-sizing: border-box;

    padding: 20px 0;

    text-align: center;

}



/**/



/* BUSQUEDAS */

.section-titulo-buqueda {

    background-color: #7b02c3;

    padding: 1em 0;
    background-position: right;
    background-repeat: no-repeat;
}



.titulo-img {

    width: 100%;

    max-width: 990px;

    margin: auto;

    text-align: center;

}

.titulo-img img {

    height: 350px;

    object-fit: contain;

    object-position: center;

}



.titulo-buqueda {

    width: 1120px;

    max-width: 100%;

    margin: auto;

    padding-top: 2em;

    color: #ffffff;

    font-weight: bolder;

    font-size: 18px;

    font-family: fontForTodosBold;

    background-image: url("https://www.todos.compe/media-web/categoria_plaholder_banner_pc.jpg");
    background-repeat: no-repeat;
    background-position: right;
    height: 200px;

    display: flex;
    align-items:center;

}

.termino-busqueda {
    text-transform:capitalize;
}

.resultados-busqueda {
    margin-left: 100px;
    width: 400px;
}

.titulo-buqueda label{

    color: var(--grey);

    font-weight: bold;



}



.card-contenedor-busqueda {

    display: flex;

    width: 990px;

    max-width: 100%;

    margin: auto;

    padding: 1em 20px;

    box-sizing: border-box;

}

.card-contenedor-busqueda > .card-categoria-mov {

    margin-right: 8px;

}



/*Busqueda vacia*/

.section-busqueda-vacia {

    width: 450px;

    margin: 1em auto 0 auto;

    text-align: center;

}

.section-busqueda-vacia > p {

    font-size: 18px;

    font-weight: bold;

}

.busq-vacia-top {

    font-size: 20px;

}

.busq-vacia-principal {

    font-size: 20px;

    margin: 0;

}

.busq-vacia-2 a {

    color: black;

}



/*Resultados*/



.section-resultados {

    margin: 10px 0;

}



.grid-resultados-2-col {

    display: flex;

    width: 990px;

    max-width: 100%;

    margin: auto;

    margin-bottom: 1em;

    flex-wrap: wrap;

    box-sizing: border-box;

}



.col-cards {

    flex-grow: 1;

    width: 100%;

}



.col-publicidad {

    flex-grow: 1;

    min-width: 200px;

    width: 200px;

    max-width: 200px;

    min-height: 80px;

}

.col-publicidad img {

    width: 200px;

    max-width: 200px;

}



.div-contenedor-resultados {

    display: flex;

    flex-direction: column;

}



.card-resultado {

    border: 1px solid black;

    border-radius: 10px;

    padding: 15px;

    box-sizing: border-box;



    display: flex;

    align-items: start;

    margin-bottom: 8px;

}



.card-resultado .card-r-imagen{ margin-right: 15px;}

.card-resultado .card-r-perfil{ margin-right: 15px;}

.card-resultado .card-r-botones{ margin-right: 15px;}



.card-principal {

    border: 1px solid var(--purple);

    .shape-icon-medal {

        border-left: 18px solid var(--gold);

        border-right: 18px solid var(--gold);

    }

}



.card-otro {

    border: 1px solid var(--silver);



    .shape-icon-medal {

        border-left: 18px solid var(--silver);

        border-right: 18px solid var(--silver);

    }

}



.card-r-imagen {

    display: inline-block;

    margin-right: 2px;

}



.card-r-imagen a {

    border: none;

    color: var(--purple);

    text-decoration: none;

    border-style: none;

}



.card-r-imagen img {

    width: 80px;

    height: 80px;

    border: 3px solid var(--white);

    border-radius: 100%;

    /* outline: 1px solid var(--grey); */

    box-sizing: border-box;

}



.card-r-perfil {

    width: 100%;

    color: var(--grey);

    font-size: 14px;

    width: 25%;

    max-width: 30%;



}



.card-r-perfil .titulo-label-card {

    margin: 0;

    margin-bottom: 8px;

    padding: 0;

    font-size: 16px;

    font-weight: bolder;



    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.card-r-perfil label a{

    font-family: fontForTodosBold;

}

.card-r-perfil p {

    margin: 5px 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.icons-links {

    display: flex;

    align-items: center;

}



.icons-links > a:not(:last-child) {

    margin-right: 2px;

}



.icons-links .footer-redes-img-card {

    height: 30px;

    width: 30px;

    object-position: center;

    object-fit: contain;

}

.card-r-botones {

    display: flex;

    flex-direction: column;

    flex: 1 1 0;

}



.descripcion-btns {

    color: var(--grey);

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    height: 70px;

}



.card-r-botones-3{

    display: flex;

    justify-content: center;

}

.card-r-botones-3 a {

    margin-right: 1em;

    width: calc(100%/3);

}

.card-r-botones-3 a:last-child {

    margin-right: 0;

}

.btn-link-visitar-perfil {

    background-color: var(--purple);

    border: 1px solid var(--purple);

    padding: 5px 16px;

    border-radius: 8px;

    color: var(--white);

    text-align: center;

    font-size: 13px;

    text-decoration: none;

    margin: 2px 0px;

}



.btn-link-whataspp {

    background-color: var(--green-2);

    border: 1px solid var(--green-2);

    padding: 5px 16px;

    border-radius: 8px;

    color: var(--white);

    text-align: center;

    font-size: 13px;

    text-decoration: none;

    margin: 2px 0px;

}

.btn-link-llamar {

    background-color: var(--cyan);

    border: 1px solid var(--cyan);

    padding: 5px 16px;

    border-radius: 8px;

    color: var(--white);

    text-align: center;

    font-size: 13px;

    text-decoration: none;

    margin: 2px 0px;

}



.div-icon-medal {

    min-width: 40px;

    width: 40px;

    align-self: flex-start;

    position: relative;

    top: -15px;

}

.div-icon-medal img {

    min-width: 40px;

    max-width: 40px;

    object-fit: contain;

}



.shape-icon-medal {

    height: 50px;

    border-left: 18px solid var(--gold);

    border-right: 18px solid var(--gold);

    border-bottom: 15px solid transparent;

    position: relative;

}



.shape-icon-medal i {

    position: absolute;

    left: -10px;

    top: 10px;

    font-size: 20px;

}



@media screen and (width <=630px) {

    .card-resultado {

        display: grid;

        grid-template-columns: 0.5fr 2fr 0.25fr;

    }



    .card-r-imagen {

        order: 1;

        width: 80px;

    }



    .card-r-perfil {

        order: 1;

        width: 100%;

    }



    .card-r-botones {

        order: 4;

        grid-column: 1 / span 3;

        width: 100%;

    }



    .div-icon-medal {

        order: 3;

        max-width: 60px;

        grid-column: 3;

    }

}



/* Perfil*/



.main-perfil {

    width: 100%;

    padding: 0 2em;

}



.contenedor-banners-perfil {

    display: flex;

    max-width: 1200px;

    width: 100%;

    height: 300px;

    overflow-x: scroll;

    scroll-snap-type: x mandatory;

    margin: 0 auto;

}

.contenedor-banners-perfil::-webkit-scrollbar {

    display: none;

}

.banner-perfil {

    height: 300px;

    max-height: 300px;

    width: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 0 0 1em 1em;



    flex: 0 0 100%;

    scroll-snap-align: center;

}



.top-infomacion-perfil {

    max-width: 990px;

    width: 100%;

    margin: 1em auto;

    display: flex;

    height: 120px;

}

.img-perfil {

    border-radius: 100%;

    width: 200px;

    min-width: 200px;

    height: 200px;

    min-height: 200px;

    border: 3px solid var(--white);

    box-sizing: border-box;

    top: -5em;

    position: relative;

    margin-right: 2em;

}

.div-detalle-perfil {

    flex-grow: 1;

    display: grid;

    grid-template-columns: 1fr 1fr;

    max-width: 100%;

}

.detalle-perfil {

    flex: 1 1 0px;

    margin-right: 5px;

}



.detalle-perfil h5 {

    font-size: 1.5em;

    margin: 0;

    color: var(--grey);

}

.detalle-perfil p:last-child {

    font-weight: 400;

    color: var(--grey);

}

.detalle-perfil-derecha {

    flex: 1 1 0px;

}



.redes-perfil {

    display: flex;

    justify-content: start;

    margin: 0.5em 0;

}



.perfil-rs-link {

    width: 40px;

    margin-right: 10px;

}



.perfil-rs-link img {

    width: 40px;

    height: 40px;

    object-fit: cover;

    object-position: center;

    border-radius: 10px;

}

.web-perfil {

    text-decoration: none;

    color: var(--cyan);

}

.contacto-perfil {

    display: flex;

    text-align: center;

    justify-content: center;

}

.contacto-perfil > a {

    text-decoration: none;

    margin-right: 0.5em;

    margin-left: 0.5em;

}

.contacto-perfil > a:first-child{

    margin-right: 0.5em;

    margin-left: 0;

}

.contacto-perfil > a:last-child{

    margin-right: 0;

    margin-left: 0.5em;

}



.det-link-galeria {

    height: 35px;

    color: var(--purple);

    border: var(--purple) 1px solid;

    background-color: transparent;

    border-radius: 8px;

    font-size: 18px;

    width: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 1em;

}

.det-link-galeria:active {

    background-color: var(--purple);

    color: var(--white);

}

.det-link-galeria > i {

    margin-right: 5px;

}

.det-link-direcciones {

    height: 35px;

    color: var(--purple);

    border: var(--purple) 1px solid;

    background-color: transparent;

    border-radius: 8px;

    font-size: 18px;

    width: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 1em;

}

.det-link-direcciones:active {

    background-color: var(--purple);

    color: var(--white);

}

.det-link-direcciones > i {

    margin-right: 5px;

}

.contacto-link-whatsapp {

    height: 35px;

    color: var(--white);

    border: var(--green-2) 1px solid;

    background-color: var(--green-2);

    border-radius: 8px;

    font-size: 18px;

    width: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 1em;

}

.contacto-link-whatsapp:active {

    background-color: var(--white);

    color: var(--green-2);

}

.contacto-link-whatsapp > i {

    margin-right: 5px;

}

.contenido-perfil {

    max-width: 1200px;

    width: 100%;

    margin: 2em auto;

}



.top-direcc {

    display: flex;

    justify-content: space-between;

}

.titulo-direcc {

    display: flex;

    align-items: center;

}

.select-direcciones {

    min-width: 350px;

    height: 30px;

    margin-top: auto;

    margin-bottom: auto;

    border: none;

    padding: 0 10px;

    border-radius: 5px;

    border: 1px solid #ccc;

    background-color: #f8f8f8;

}

.select-direcciones option {

    padding: 0 10px;

    border: 0;

}



.contenedor-detalle {

    border: 1px solid var(--grey);

    padding: 1em 1em;

    border-radius: 1em;

    margin-bottom: 1em;

}

.contenedor-detalle label {

    font-weight: bolder;

}



.ruc-perfil {

    color: var(--purple);

    font-size: 1.2em;

    font-weight: bolder;

    text-transform: uppercase;

    text-align: center;
    padding: 15px;

}



.card-productos {

    border-radius: 12px;

}



.mov-perfil-top-categorias {

    display: flex;

    width: 100%;

}

.mov-link-cat-top {

    width: auto;

    min-width: auto;

    padding: 1em;

}

.mov-link-cat-top > a {

    color: var(--purple);

}



.perfil-top-categorias {

    flex-grow: 1;

    display: flex;

    flex-wrap: nowrap;

    overflow-x: auto;

}



.perfil-top-categorias::-webkit-scrollbar {

    display: none;

}



.link-cat-top {

    width: auto;

    min-width: auto;

    padding: 1em;

}



.link-cat-top:first-child {

    padding-left: 0;

}

.link-cat-top:last-child {

    padding-right: 0;

}



.top-tipos-prod {

    color: var(--grey);

    font-weight: bolder;

    text-decoration: none;

    font-size: 1.2em;

    border-radius: 1em;

    padding: 0.5em 1em;

    white-space: nowrap;

}

.top-tipos-prod-select {

    color: var(--white) !important;

    background-color: #741fc8;

    padding: 0.5em 1em;
    border-radius: 1em;

}



.card-prod-contenido {

    margin-top: 5px;

}



.card-prod-contenido-default {

    display: none;

}

.card-prod-contenido-visible {

    display: block;

}



.card-prod-contenido a {

    color: var(--grey);

    text-decoration: none;

}



.contenedor-productos-8 {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

}



.contenedor-productos-8:not(:first-child) {

    display: none;

}



.prod-btns-8 {

    text-align: center;

    grid-column: 1 / -1;

    margin: 1em 0;

}



.prod-btns-8 > button {

    background-color: var(--orange);

    padding: 0.8em 1.4em;

    color: var(--white);

    border: none;

    font-size: 1em;

    border-radius: 1.5em;

    font-weight: bolder;

}



.contenedor-productos-8 > a {

    padding: 0.5em;

}

.producto-item {

    box-sizing: border-box;

    border: 0.5px solid var(--grey);

    padding: 0.5em;

    border-radius: 10%;

}



.producto-item img {

    display: flex;

    margin: auto;

    height: 100%;

    width: 100%;

    object-fit: contain;

    object-position: center;

    aspect-ratio: 1/1;

    border-radius: 1.5em;

}



/* PRODUCTO SELECCIONADO */

.section-producto-seleccionado {

    padding: 0 30px;

    margin: 30px 0;

}

#modal-producto > .modal-contenedor {

    min-width: 400px !important;

    width: auto;

    max-width: 700px !important;

}

#modal-detalle-foto > .modal-contenedor {

    min-width: 400px !important;

    max-width: 700px !important;

}

#modal-detalle-foto .modal-cuerpo {

    text-align: center;

}



.card-producto-seleccionado-modal {

    box-sizing: border-box;

    border-radius: 20px;

}



.card-producto-seleccionado {

    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    border-radius: 20px;

}

.card-producto-seleccionado > div {

    margin-bottom: 8px;

}



.img_prod_select {

    object-fit: contain;

    max-width: auto;

}



.div-prod-img-general {

    text-align: center;

}

.prod-img-general {

    border-radius: 10px;

    object-fit: contain;

    transition: transform 0.2s;

    max-width: 100%;

}



.img-galeria-detalle {

    /* border: 1px solid var(--grey); */

    border-radius: 10px;

    object-fit: contain;

    transition: transform 0.2s;

    max-width: 100%;

}



.prod-galeria {

    display: flex;

    overflow-x: auto;

}



.prod-galeria::-webkit-scrollbar {

    display: none;

}



.prod-galeria-img {

    border-radius: 10px;

    width: 100px;

    min-width: 100px;

    height: 100px;

    margin-right: 8px;

}



.prod-contenido {

    padding: 20px 0;

    color: var(--grey);

}



.prod-contenido h4 {

    margin: 0;

    font-weight: bold;

}



.prod-contenido span {

    font-weight: bold;

}



.prod-contactanos-link {

    width: 100%;

}



.prod-boton-contactanos {

    height: 40px;

    color: var(--white);

    font-size: 20px;

    border: var(--green-2);

    background-color: var(--green-2);

    border-radius: 8px;

    font-weight: bold;

    width: 100%;

}



.prod-multimedia-reels {

}



.contenedor-reels-items {

    display: flex;

    overflow-x: auto;

    scroll-behavior: smooth;

    height: 405px;

}



.contenedor-reels-items::-webkit-scrollbar {

    display: none;

}



.reel-item {

    height: 400px;

    width: 200px;

    min-width: 200px;

    margin-right: 10px;

}



.contenedor-galeria-items {

    display: flex;

    overflow-x: auto;

    scroll-behavior: smooth;

}



.contenedor-galeria-items::-webkit-scrollbar {

    display: none;

}



.galeria-item {

    cursor: pointer;

    margin-right: 10px;

}



.galeria-item img {

    height: 250px;

    width: 250px;

    min-width: 250px;

    border-radius: 12px;

    object-fit: contain;

}



.prod-multimedia-videos {

}



.contenedor-videos-items {

    display: flex;

    overflow-x: auto;

    scroll-behavior: smooth;

}



.contenedor-videos-items::-webkit-scrollbar {

    display: none;

}

.contenedor-videos-items > a {

    min-width: 360px;

    margin-right: 10px;

}



.video-item {

    height: 200px;

    min-width: 80%;

    min-width: 360px;

    width: 360px;

    margin: auto;

}



.titulo-multimedia {

    /*color: var(--purple);*/

    font-weight: bold;

    font-size: 18px;

    width: 100%;

}



/*maps*/



.section-perfil-maps {

    padding: 0 30px;

    margin: 30px 0;

}



.card-perfil-maps {

    display: flex;

    flex-direction: column;

    box-sizing: border-box;



    margin-top: 1em;

}



.perfil-top-map {

    height: 40px;

    color: var(--purple);

    border-radius: 20px 20px 0 0;

    padding: 8px 20px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid var(--grey);

    font-weight: bolder;

}



.perfil-sede {

    height: 40px;

    padding: 8px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: var(--grey);

    border-bottom: 1px solid var(--grey);

    font-weight: bolder;

    cursor: pointer;

}



.perfil-sede i {

    color: var(--purple);

    font-size: 25px;

}



.perfil-sede-select {

    color: var(--white) !important;

    background-color: var(--purple) !important;

}



.perfil-sede-select i {

    color: var(--white) !important;

}



/* Cuando se selecciona sede */

.perfil-sede-seleccionada {

    display: none;

    /* transition: display 0.5s ease-out; */

}

.perfil-sede-seleccionada-show {

    display: block;

}



.sede-seccion {

    min-height: 40px;

    padding: 8px 20px;

    color: var(--grey);

    border-bottom: 1px solid var(--grey);



    display: flex;

    flex-direction: column;

}



.texto-direccion {

    color: var(--grey);

}

.texto-direccion i {

    color: var(--orange);

}



.sec-btn-contactos {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

}



.sec-btn-contactos > a {

    color: var(--grey);

    text-decoration: none;

    margin-right: 8px;

    margin-bottom: 8px;

}

.sec-btn-contactos > a > i {

    color: var(--orange);

}



.texto-sub {

    margin: 10px 0;

    font-weight: bolder;

    /*color: var(--orange);*/

    text-align: center;

}

.texto-sub-decoracion {
    color: #ffffff;
    background-color: orange;
    border-radius: 0.5em;
    padding: 4px 10px 4px 10px;

}


.terminos-listados-perfil {

    color: var(--grey);

}



.texto-contenido {

    margin-top: 0;

    margin-bottom: 10px;

    color: var(--grey);

}



.sec-medios-pago {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

}



.sec-m-link {

    height: 30px;

    margin-right: 10px;

    margin-bottom: 10px;

}



.sec-m-link img {

    height: 30px;

    object-position: center;

    object-fit: contain;

}



/*mapa api google*/

.perfil-api-maps {

    height: 350px;

    min-height: 350px;

    border-radius: 0 0 20px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 4em;

    color: var(--purple);

}



.perfil-direccion-detalles {

    display: flex;

}

.direccion-detalles-numeros {

    flex-grow: 1;

    flex: 1 1 0px;

}

.direccion-detalles-horarios {

    flex-grow: 1;

    flex: 1 1 0px;

}

.direccion-detalles-pagos {

    flex-grow: 1;

    flex: 1 1 0px;

}



.sep-direccion {

    width: 1px;

    min-width: 1px;

    display: flex;

    align-self: stretch;

    background-color: var(--grey);

    margin: 8px 8px;

    height: auto;

    box-sizing: border-box;

}



.main-categorias {

    width: 100%;

    max-width: 1150px;

    margin: auto;

    padding: 0 20px;

}



.autocomplete-items {

    scroll-behavior: smooth;

    scroll-snap-type: y mandatory;

    scroll-padding: 10px;

}

.items-focus {

    padding: 2px 10px;

    border-radius: 5px;

    outline: none;

    cursor: pointer;

}

.items-focus:focus {

    background-color: #d1cfcf;

    outline: none;

}

.items-focus:hover {

    background-color: #d1cfcf;

    outline: none;

}



.contenedor-regiones-footer{

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    text-align: center;

    margin: 2em auto;

    width: 1000px;

}

.link-footer-seo-regiones{

    padding:0.2em 0.5em;

    margin:0px 2px;

    color: #808080;
    font-weight:500;

    text-decoration:none;

    overflow-wrap: break-word;

    white-space: nowrap;

    line-height: 2.25em;    

    border-right: 1px solid var(--purple-2);

}



.link-footer-seo-regiones:nth-child(5n) {

    border-right: 1px solid transparent;

}



/* Estilos extras agregados luego de integrar la web con Cake*/



.section-regiones-footer {

    width: 1120px;

    max-width: 100%;
    margin-top: 30px;

}

.section-regiones-footer h2{

    text-align: center;

    background-color: var(--orange);    

    min-height: 60px;

    text-transform: uppercase;

    padding: 15px;

    color: white;

    font-family: fontForTodosBold;

    font-weight: bolder;

    margin: 0;
    border-radius: 0.5em;

}



.nav-busqueda-input-button-top-new {

    width: 100%;

    border: 1px solid var(--grey-2);

    border-radius: 5px;

    display: flex;

    background-color: white !important;

    font-family: fontForTodos;

    font-size: 0.8em;

    height: 30px;

    margin-right: 5px;

    padding: 0 5px;

}



.btn-microfono {

    min-width: 35px;

    width: 35px;

    height: 28px;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: 5px;

    color: var(--purple);

    font-size: 20px;

}

.btn-default-top{

    min-width: 25px !important;

    width: 25px !important;

}



.nav-busqueda-input-button-top-new input {

    outline: none;

    border: 0;

    width: 100%;

    font-size: 1em;

    font-family: fontForTodos;

    height: 28px;

    resize: none;

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.5);

    }

    100% {

        transform: scale(1);

    }

}

.btn-microfono {

    min-width: 35px;

    width: 35px;

    height: 28px;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: 5px;

    color: var(--purple);

    font-size: 20px;

}