: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-top: 5px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: white;
    /*height: 60px;*/
}

.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;
}

.todos-imagotipo {
    height: 60px;
    width: 154px;
    display:block;
    background-image: url(/media-web/img/logo.png);
    background-color: transparent;
    background-size: cover;
    margin-right: 10px;
}

.box-shad-header {

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

}



.top-lbl-ubicacion{

    color: var(--purple-2);

}

.top-lbl-ubicacion-2{
    color: var(--purple);
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
}

.separador-header-fixed {
    margin-top: 50px;
}

.separador-header-fixed-cuenta {

    margin-top: 70px;

}

.top-navegacion {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-height: 60px;
    max-width: 1200px;
    margin: auto;
}

.top-navegacion-cuenta{
    display: flex;
    align-items: center;
    max-height: 60px;
    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: 5%;
}

.group-location{
    display: flex;
    flex-direction: column; /* Por defecto, en columna */
    align-items: center; /* Centrar elementos en columna */
    text-align: center;
    /*gap: 5px; /* Espacio entre elementos */
}

.ubicacion-actual {
    color: var(--purple);
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
    font-size: 12px;
}

.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;
    font-size: 0.8em;
}

.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);
}


.inputs-top-busqueda {
    display: flex;
    margin-left: auto;
    padding-right: 0px;
}

.anuncios-top-busqueda {
    display: none;
}

.inputs-top-busqueda input {
    outline: none;
    border: 1px solid var(--purple);
    border-radius: 10px;
    max-width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-family: fontForTodos;
    /*height: 40px;*/
    resize: none;
    padding: 5px;
}

#anuncios_top_busqueda {
    list-style: none;
    /*margin-left: auto;*/
    align-content: center;
    display: none;
    visibility: hidden;
}

.input-txt-top:focus {
    /* outline: 1px solid var(--grey); */
}

.item-top-index {
    display: block;
    width: 197px !important;
}

/*MENU*/
.menu-responsive {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Alinea el menú a la derecha */
    /*margin-left: auto;*/
}

.menu-responsive-items {
    list-style: none;
    display: flex;
    gap: 5px; /* Espacio entre los elementos del menú */
    margin: 0;
    padding: 0;
}

.menu-responsive-item a {
    text-decoration: none;
    flex-grow: 1;
    margin-right: 5px;
    border-radius: 5px;
    height: 30px;
    width: 100px;
    font-weight: bolder;
    font-size: 1em;
    padding:5px;
    text-align: center;
    font-size: 14px;
    width: 100px;
}

.menu-responsive-item a:hover {
    background-color: blue;
}

.menu-responsive-item-2 {
    text-decoration: none;
    flex-grow: 1;
    margin-right: 5px;
    border-radius: 5px;
    height: 30px;
    width: 100px;
    font-weight: bolder;
    padding:6px;
    text-align: center;
    font-size: 13px;
    width: 100px;
    background-color: var(--orange);
    border: var(--orange);
    color: white;
}

.menu-responsive-imagen-icono {
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.item-menu-sesion {
    background-color: var(--orange);
    border: var(--orange);
    color: white;
}

.item-menu-cuenta {
    background-color: #741fc8;
    border: #741fc8;
    color: white;
}

.menu-responsive-icon {
    display: none; /* Oculta el ícono en pantallas grandes */
    z-index: 1000; /* Asegura que el ícono esté por encima de otros elementos */
    width: 40px; /* Tamaño del contenedor */
    height: 35px;
    flex-direction: column;
    justify-content: center; /* Centra verticalmente */
    align-items: center; /* Centra horizontalmente */
    gap: 5px; /* Espacio entre barras */
    cursor: pointer;
    border: 1px solid var(--purple);
    border-radius: 5px;
}

.menu-responsive-icon .responsive-bar {
    width: 20px; /* Ancho de las barras */
    height: 2px; /* Grosor de las barras */
    background-color: var(--purple);
    border-radius: 3px; /* Bordes redondeados */
}

.visible-responsive {
    width: 0px;
    visibility: hidden;
    display: none;
}

.menu-redes {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    margin-top:-10px;
    color: #fff;
    background-color: var(--purple);
    padding-left: 10px;
}

.menu-redes img {
    height: 30px;
}

.section-titulo-cat{
    font-size: 1.1em;
    font-weight: bolder;
    color: var(--purple);
    margin: auto;
}

/* Estilos para pantallas de 768px o menos */


.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-menu {
    display: flex;
    gap: 5px;
    margin-left: auto; /* 📌 Esto lo pega a la derecha */
}

.top-menu a {
    text-decoration: none;
    color: white;
    border-radius: 5px;
    font-weight: bold;
    transition: background 0.3s;
}

.top-menu a {
    text-decoration: none;
    flex-grow: 1;
    margin-right: 5px;
    border-radius: 5px;
    height: 30px;
    width: 100px;
    font-weight: bolder;
    font-size: 1em;
    padding:5px;
    
    text-align: center;
}

.top-menu a:hover {
    background-color: var(--dark-blue);
}

.top-nav-btn-sesion {
    background-color: var(--orange);
    border: var(--orange);
    color: white;
    
}

.top-nav-btn-cuenta {
    background-color: #741fc8;
    border: #741fc8;
    color: white;
}


/**/

.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;
}

/* BUSQUEDA */

.section-busqueda-tabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    text-align: center;
  }
  
.section-busqueda-tabs label {
    flex: 1;
    padding: 10px;
    text-align: center;
    background: #f3e6ff;
    color: var(--purple);
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 5px;
  }
  
  .section-busqueda-tabs .tab-content {
    color: var(--purple);
    display: none;
    text-align: left;
    width: 100%;
    padding: 5px 0;
  }
  
  .section-busqueda-tabs input[type="radio"] {
    display: none;
  }
  
  .section-busqueda-tabs input[type="radio"]:checked + label {
    background: var(--purple);
    color: white;
  }
  
  .section-busqueda-tabs input[type="radio"]:checked + label + .tab-content {
    display: block;
  }
  
  @media (min-width: 10em) {
    .section-busqueda-tabs .tab-content {
      order: 99
    }
    
    .section-busqueda-tabs label {
      order: 1;
    }
    
    .section-busqueda-tabs label {
      margin-top: 0;
      width: 50%;
    }
  }

  #btn_busqueda_index_0 {
    background-image: url(https://www.todos.com.pe/media-web/iconos/boton-lupa.png);
    width: 35px;
    height: 35px;
    border: 0px;
    margin-top: 0px;
    margin-right: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: none;
}
#btn_busqueda_index_1 {
    background-image: url(https://www.todos.com.pe/media-web/iconos/boton-lupa.png);
    width: 35px;
    height: 35px;
    border: 0px;
    margin-top: 0px;
    margin-right: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-busqueda {
    padding: 15px 30px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-busqueda .label-busqueda{
    color: var(--white);
    font-size: 1.1em;    
}

#form_busqueda_banner_prev {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    /*border: 1px solid var(--purple);*/
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.banner-frase {
    text-align: end;
    margin-bottom: 10px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: bolder;
    font-family: fontForTodosBold;
    font-size: 1.5em;
    min-width: 850px;
    width: 850px;
    max-width: 100%;
    font-size: 27px;
}
.banner-frase-label {
    color: var(--orange);
    font-weight: bold;
    font-weight: bolder;
    font-family: fontForTodosBold;
}

.banner-selects {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 2px;
}
.input-busqueda-banner{
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid var(--grey-2);
    color: var(--grey);
    padding: 0 20px;
    border-radius: 10px 10px 0 0;
    outline: none;
}
.banner-selects > * {
    flex: 1 1 0;
}
.banner-selects > select {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid var(--grey-2);
    color: var(--grey);
    margin-right: 5px ;
    text-align: center;
    outline: none;
    background-color: var(--grey-2);
    color: var(--white);
}
.banner-selects > select:focus {
    background-color: var(--orange);
    border: 1px solid var(--orange);
    color: var(--white);
}
.banner-selects > select option{
    background-color: var(--white);
    color: black;
    border-radius: 10px;
}
.btn-buscar-banner{
    background: transparent;
    color: var(--white);
    font-weight: bolder;
    font-family: fontForTodosBold;
    text-transform: uppercase;
    margin-top: -4px;
    margin-right: -10px;
}

@media screen and (width <=960px) {
    .section-banner {
    }

    .banner-busqueda {
        width: calc(100% - 40px);
        transform: translate(-50%, -50%);
    }
}

/*Cambios*/
.banner-inputs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.nav-busqueda-input-button {
    flex: 1;
    border: 1px solid var(--purple);
    border-radius: 8px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    background-color: white;
}

.nav-busqueda-input-button-top {
    width: 100%;
    border: 1px solid var(--grey);
    border-radius: 10px;
    padding: 0 10px 0 15px;
    display: flex;
}
.nav-busqueda-input-button-top input {
    outline: none;
    border: 0;
    width: 100%;
}

.nav-busqueda-input-button input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 1em;
    padding: 8px;
    background: transparent;
}


/* GRANDES MARCAS*/



.section-gral {
    margin: auto;
    box-sizing: border-box;
}

.section-grandes-marcas {
    max-width: 1116px !important;
}

.section-titulo {
    font-weight: bolder;
    color: var(--purple);
    margin: 0;
    display: flex;
    align-items: center;
    /*text-transform: uppercase;*/
}

.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;
}

.top-grandes-marcas{
    display: flex;
    align-items: center;
    /*background-color: #eeeeee;*/
    padding: 10px;
    height: 50px;
    max-width: 1116px;
}



.contenedor-gmarcas {
    display: flex;
    overflow-x: auto;
    min-width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: none;
    height: 150px;
}

.grande-marca-link-index {
    flex: 1 1 0;
    max-height: 100%;
    display: flex;
    justify-content: center;
}
.grande-marca-link-index > img{
    max-height: 100%;
    border-radius: 6px;
    height: 150px;
}

.contenedor-gmarcas-5 {
    min-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    box-sizing: border-box;
}



/*CATEGORIAS*/
.section-busqueda {
    width: 1020px !important;
    margin: auto;
    box-sizing: border-box;
}

/*CATEGORIAS*/
.section-categorias {
    padding: 10px 0 10px 0;
    max-width: 1116px !important;
    width:100%;
    box-sizing: border-box;
    margin: auto;
}

.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%;*/
    color: var(--purple);
    margin:auto;
}

.categoria-buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.categoria-buttons > button:first-child {
    margin-right: 5px;
}

.categoria-buttons button {
    flex-grow: 1;
    height: 25px;
    max-height: 25px;
    width: 25px;
    max-width: 25px;
    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;
    min-width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

.contenedor-categorias-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: auto;
    box-sizing: border-box;
    min-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: bolder;
}

.contenedor-categorias::-webkit-scrollbar {
    display: none;
}

.card-categoria {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    background-color: #ffffff;
    box-sizing: border-box;
    justify-content: center;
    margin: 5px;
    align-self: center;
    justify-self: center;
    color: #939393;
    border: 1px solid var(--purple) !important;
    display: grid;
    /*font-weight: bolder;*/
}

.card-categoria a {
    text-decoration: none;
    color: var(--grey);
}
.card-categoria img {
    width: 80x;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

.card-nombre-cat {
    font-size: 13px;
    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: 5px;
    text-align: center;
    background-color: var(--white);
    box-sizing: border-box;
    align-self: center;
    justify-self: center;
    margin-right: 5px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

.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;
}

/* DIRECTORIO */
.destacado-top {
    width: 50%;
    display: flex;
}

.destacado-contenido {
    width: 50%;
}

/* 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;
}


.top-categorias .categoria-buttons button {
    background-color: white;
    border: 1px solid var(--purple); 
    color: var(--purple);
    height: 30px;
    max-height: 30px;
    width: 30px;
    max-width: 30px;
}

.top-grandes-marcas .categoria-buttons button {
    background-color: white;
    border: 1px solid var(--purple);
    color: var(--purple);
    height: 30px;
    max-height: 30px;
    width: 30px;
    max-width: 30px;
}

/* 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);
    padding-top: 20px;
}



.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 {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}



.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 {
    max-width: 1120px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;

}



.footer-terminos {
    justify-content: space-between;
    align-items: center;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}



.footer-terminos p {
    margin: 0;
    font-size: 14px;
    font-weight: lighter;
    padding: 20px;
}



.footer-terminos p a {

    margin-left: 0px;

    text-decoration: none;

    color: var(--white);

    font-weight: 600;

}



.footer-terminos-redes {
    align-items: center;
    margin: auto;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}

.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);   /* Volver transparente */
    /* 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%;
}

.autocomplete-items div:hover,
.autocomplete-items div:focus,
.autocomplete-items .item-active {
    background-color: #e9e9e9;
    color: #000;
    cursor: pointer;
    border-radius: 3px;
}
/* FIN MODAL */
.modal-cerrar {
    margin-top: -20px;
    right: 8px;
    background: white;
    border: white;
    border-radius: 3px;
    font-size: 28px;
    font-weight: bold;
    color: var(--purple);
    cursor: pointer;
    z-index: inherit;
    line-height: 1;
}

.modal-cerrar:hover {
    color: red;
}



/* 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,.input-text option {
    height: 35px;
    border-radius: 5px;
    border: 1px solid var(--grey-2);
    /* outline: var(--grey); */
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 8px;
}



.input-textarea {
    height: 100px;
    border-radius: 5px;
    border: 1px solid var(--grey);
    outline: var(--grey-1);
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 8px;
    font-size: 14px;
    color: var(--grey);
    padding: 35px 0px 0px 10px;
  }

.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 */

.div-modal {
    max-width: 100%;
    width: 100%;
}

.modal-busqueda-popup {
    max-width: 972px;
    width: 100%;
    margin-top: 28vh;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #7b02c3;
    border-radius: 15px;
}

.modal-busqueda-header {
    background-color: transparent;
    padding: 1em 0;
    border-radius: 15px 15px 0 0;
    text-align: center;
    justify-content: right;
    display: flex;
    margin-bottom: -50px;
}

.section-titulo-busqueda {
    background-color: #7b02c3;
    padding: 1em 0;
    background-position: right;
    background-repeat: no-repeat;
}

.modal-busqueda-close {
    width: 30px;
    height: 30px;
    z-index: 10;
}

.btn-close-modal {
    background-color: transparent;
    color: white;
    border: transparent;
    font-weight: bold;
    font-size: 1.5em;
}



.titulo-img {

    width: 100%;

    max-width: 990px;

    margin: auto;

    text-align: center;

}

.titulo-img img {

    height: 350px;

    object-fit: contain;

    object-position: center;

}



.titulo-busqueda {

    width: 100%;
    max-width: 1120px;

    margin: auto;

    padding-top: 2em;

    color: #ffffff;

    font-weight: bolder;

    font-size: 18px;

    font-family: fontForTodosBold;

    background-image: url("https://www.todos.com.pe/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 {
    width: 100%;
    max-width: 500px;
}

.boton-banner {
    text-decoration: none;
    flex-grow: 1;
    margin-right: 5px;
    border-radius: 5px;
    height: 30px;
    width: 100px;
    font-weight: bolder;
    font-size: 1em;
    padding:5px 10px;
    text-align: center;
    font-size: 1em;
    color: white;
    background-color: var(--orange);
}

.titulo-busqueda 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;
    width: 100%;
}



.grid-resultados-2-col {
    display: flex;
    width: 1116px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.col-cards {
    flex-grow: 1;
    width: 100%;
    margin-top: 5px;
}



.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-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    margin-bottom: 5px;
}

.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: 100px;
    height: 100px;
    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: 12px;
}



.card-r-perfil .titulo-label-card {
    margin: 0;
    /*margin-bottom: 8px;*/
    padding: 0;
    font-size: 15px;
    font-weight: bolder;
    width: 100%;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #545454;
}

.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;
    font-size: 0.85em;
}

.card-r-botones-3 {

}

.card-r-botones-3 a {
    width: 50%;
}

.card-r-botones-3 a:last-child {
    margin-right: 0;
}

.btn-link-visitar-perfil {
    height: 35px;
    border: var(--purple);
    border-radius: 8px;
    color: var(--white);
    font-size: 13px;
    text-decoration: none;
}

.destacado-btns {
    display: flex;
    justify-content: center;
    font-weight: bolder;
}

.destacado-btns > a {
    flex-grow: 1;
    margin-left: 2px;
    margin-right: 2px;
}

.btn-perfil-destacado {
    width: 100%;
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    border-radius: 8px;
    font-size: 13px;
}

.contenido-btn-whatsapp {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    font-size: 13px;
    border-radius: 8px;
    width: 100%;
}

.btn-link-llamar {
    
}

.contenido-btn-llamar {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    font-size: 13px;
    border-radius: 8px;
    width: 100%;
}

.contenido-btn-ubicacion {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    font-size: 13px;
    border-radius: 8px;
    width: 100%;
  }

  .btn-perfil-destacado::after {
    content: " Ver Perfil";
  }

.contenido-btn-llamar::after {
    content: " Llamar";
}

.contenido-btn-whatsapp::after {
    content: " WhatsApp";
}

.contenido-btn-ubicacion::after {
    content: " Ubicación";
}

.btn-link-whataspp {
    
}

.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;

}

/* Perfil*/

.main-perfil {

    width: 100%;

}

.top-perfil-img {
    display: flex;
    max-width: 1116px;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
}

.top-perfil-img::-webkit-scrollbar {
    display: none;
}

.contenedor-banners-perfil {
    display: flex;
    max-height: 100%;
    height: 200px;
    width: 100%;
    transform: 0.5s ease-in-out;
  }

.banner-perfil {
    height: 300px;
    max-height: 300px;
    width: 100%;
    max-width: 1116px;
    object-position: center;
    border-radius: 0 0 1em 1em;
    flex: 0 0 100%;
    scroll-snap-align: center;

}


/* PERFILES */
.top-infomacion-perfil {
    max-width: 1116px;
    width: 100%;
    margin: -30px auto;
    /*height: 120px;*/
    display: flex;
    flex-wrap: wrap;
}

.card-perfil {
    border-radius: 0 0 10px 10px;
    width: 100%;
  }

  .card-perfil-top {
    align-items: end;
    position: relative;
  }
  .contenido-detalle-perfil {
    margin: 0;
    font-size: 0.9em;
    display: flex;
    flex-direction: row;
  }
  
  .contenido-detalle-perfil-descripcion {
    margin-left: 10px;
    width: 100%;
  }

  .card-perfil-top-titulo {
    color: #545454 !important;
    margin: 0;
    padding-top: 40px;
    display: block;
    text-align: center;
  }

  .card-perfil-top-imagen {
    border-radius: 100%;
    width: 220px;
    height: 220px;
    outline: none;
    border: 3px solid var(--white);
    box-sizing: border-box;
    align-self: self-start;
    float: left;
    margin-top: -45px;
    margin-right: 10px;
  }

  .card-botones {
    display: flex;
    justify-content: center;
    width: 100%;
    /*position: relative;*/
  }

  .card-b-contacto {
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  .card-b-contacto > a{
    flex-grow: 1;
}

.card-b-contacto > a {
    flex-grow: 1;
}

.card-b-llamar {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    border-radius: 8px;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.card-b-whatsapp {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.card-b-ubicacion {
    height: 35px;
    color: var(--purple);
    border: 1px solid #D0D0D7;
    font-weight: bolder;
    border-radius:8px;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.card-b-llamar::after {
    content: " Llamar";
}
.card-b-whatsapp::after {
    content: " WhatsApp";
}
.card-b-ubicacion::after {
    content: " Ubicación";
}

.section-perfil-redes-sociales {
    max-width: 1116px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
    margin: auto;
    margin-top: 30px;
    justify-content: center;
  }

  .perfil-rs-link {
    text-decoration: none;
    margin-right: 15px;
    }

    .perfil-rs-link img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        object-position: center;
        border-radius: 10px;
    }

    .perfil-rs-link-texto {
        display:contents;
    }

  .contenido-descripcion-perfil {
    margin-top: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    text-align: left;
    height: 40px;
  }

.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 {
    padding: 10px;
}



.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 {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se ajusten si no caben en una línea */
    gap: 10px; /* Espacio entre los elementos */
    align-items: center; /* Alinea verticalmente los elementos */
}


.redes-perfil {

    display: flex;

    justify-content: start;

    margin: 0.5em 0;

}


.web-perfil {
    text-align: center;
}

.web-perfil a {
    text-decoration: none;
    color: var(--purple);
    font-size: 1em;
    font-weight: bold;
}

.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;
    text-decoration: none;
}

.det-link-galeria::after {
    content: " Galería";
}

.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;
    text-decoration: none;
}

.det-link-direcciones::after {
    content: " Direcciones";
}

.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;
    text-decoration: none;
}

.contacto-link-whatsapp::after {
    content: " Whatsapp";
}

.contacto-link-whatsapp:active {

    background-color: var(--white);

    color: var(--green-2);

}

.contacto-link-whatsapp > i {

    margin-right: 5px;

}

.contenido-perfil {
    max-width: 1116px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}



.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(--purple);
    padding: 0px 10px;
    border-radius: 1em;
    margin-bottom: 1em;
    /*overflow: scroll;*/
}

.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;
    align-items: center; /* Alinea verticalmente los elementos */
    justify-content: space-between; /* Distribuye los elementos uniformemente */
    width: 100%;
    font-size: 13px;
}

.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; /* Permite que ocupe el espacio restante */
    display: flex;
    overflow-x: auto; /* Para permitir desplazamiento horizontal */
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    scrollbar-width: none; /* Para Firefox */
}



.perfil-top-categorias::-webkit-scrollbar {
    display: none;
}

.link-cat-top {
    width: auto;
    min-width: auto;
    border: 1px solid var(--grey-3);
    margin-right: 2px;
    border-radius:5px;
    background:#eeeeef;
}

.top-catalogo-prod {
    color: white;
    font-weight: bolder;
    text-decoration: none;
    font-size: 1.2em;
    white-space: nowrap;
    border: 1px solid #8e8e8f;
    background-color: var(--grey-2);
    padding: 5px 10px;
    border-radius: 5px;
}

.top-catalogo-prod-select {
    color: var(--purple) !important;
    background-color: var(--grey-2);
    border: 1px solid #8e8e8f;
}

.top-tipos-prod {
    color: white;
    font-weight: bolder;
    text-decoration: none;
    font-size: 1.2em;
    white-space: nowrap;
    border: 1px solid #8e8e8f;
    background-color: var(--grey-2);
    padding: 5px 10px;
    border-radius: 5px;
}

.top-tipos-prod-select {
    color: var(--purple) !important;
    background-color: var(--grey-2);
    border: 1px solid #8e8e8f;
}

.card-prod-contenido {

    margin-top: 5px;

}



.card-prod-contenido-default {
    display: none;
}

.card-prod-contenido-visible {
    display: block;
}

.card-cat-contenido-default {
    display: none;
}

.card-cat-contenido-visible {
    display: block;
}

.card-prod-contenido a {
    color: var(--purple);
    text-decoration: none;
    text-align: center;
}



.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%;
    width: 350px;
}



.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: 100%;
    max-width: 700px !important;
}

.modal-contenedor-title {
    max-width: 1000px;
    width: 100%;
    text-align: right;
    z-index: inherit;
    margin-bottom: -25px;
    margin-left: 5px;
}

#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;
    margin-top:20px;
}

.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: 8px 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;
    width: 250px;
    height: 250px;
}

.galeria-item img {
    height: 100%;
    width: 100%;
    min-width: 250px;
    border-radius: 12px;
    object-fit: cover;
}



.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);
    padding: 5px;
}

.texto-direccion i {
    color: var(--orange);
}

.sec-btn-contactos {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
}



.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(--purple);
    text-align: center;
    font-weight: bolder;
}


.terminos-listados-perfil {
    color: var(--grey);
}

.texto-contenido {
    margin-top: 0;
    /*padding: 5px;*/
    color: var(--grey);
    font-size: 15px;
}

.sec-medios-pago {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    justify-content: center;
}

.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);
    margin-top:10px;

}



.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;
    text-align: justify;
}

.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: 1116px;
    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(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    max-width: 1116px;
    width: 100%;
    margin: 30px auto;
    padding: 20px;
    text-align: center;
}

.link-footer-seo-regiones {
    display: block;
    background-color: white; /* Fondo suave */
    color: var(--purple);
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--purple);
}

.link-footer-seo-regiones:hover {
    background-color: #741fc8;
    color: white;
    transform: scale(1.05);
}

/*
.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 {

    max-width: 1116px;
    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-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 {
    border-radius: 5px;
    color: var(--purple);
    font-size: 20px;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: transparent;
}

.btn-ubicacion {
    color: var(--purple);
    cursor: pointer;
}

.fa-bullhorn {
    color: white !important;
}



@media (min-width: 1024px) and (max-width: 1200px) {

    .contenedor-regiones-footer{
        width: 100%;
    }

    .img-perfil {
        width: 180px;
        min-width: 180px;
        height: 180px;
        min-height: 180px;
    }

}

/* SESIONES: INICIAR SESION*/

.contenedor-crear-cuenta {
    margin: auto;
    max-width: 100%;
    width: 1116px;
    box-sizing: border-box;
    padding: 2em 20px;
    display: flex;
    justify-content: end;
}

.image-crea-tu-cuenta{
    padding: 5em 2em 0em 0em;
    height: 100%;;
}

.imagen-general {
    width: 50%;
}

/* CREAR CUENTA */
.image-crear-cuenta {
    width: 50%;
    display: flex;
    align-items: center;
}

/* ANUNCIOS */
.anuncio-index {

}

.anuncios-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, max-content)); /* Se ajusta manteniendo el centro */
    gap: 10px; /* Mantiene un espacio constante */
    padding: 10px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto; /* Centra el contenedor */
    justify-content: center;
}

.anuncio-container {
    width: 300px; /* Mantiene el tamaño uniforme */
    height: 300px;
    background: #fff;
    border: 1px solid var(--purple);
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}

.anuncio-container-image {
    width: 100%;
    height: 220px; /* Ajusta según sea necesario */
    object-fit: cover;
    border-radius: 8px;
}

.anuncio-container-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.anuncio-container-title {
    font-size: 15px;
    font-weight: bold;
    /*margin: 10px 0;*/
    background-color: var(--orange);
    color: white;
    /*padding: 1px;*/
    border-radius: 5px;
    padding: 3px;
    white-space: nowrap;       /* Evita que el texto se divida en varias líneas */
    overflow: hidden;          /* Oculta el contenido que se desborda */
    text-overflow: ellipsis;   /* Muestra "..." al final del texto si es muy largo */
}

.anuncio-container-title:hover {
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: normal;
}

.anuncio-container-title span {
    display: inline;
    padding: 5px;
}

.anuncio-container-date {
    font-size: 14px;
    color: black;
    font-weight: bolder;
}

/* FORMULARIOS */

.contenedor-crear-cuenta-imagen {
    display: flex;
    justify-content: center;
    width: 600px;
}

.image-crea-tu-cuenta{
    /*padding: 5em 2em 0em 0em;*/
    margin: auto;
    width: 100%;
    height: auto;
}

.items-focus-ubigeo {
    padding: 2px 10px;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}
.items-focus-ubigeo:focus {
    background-color: #d1cfcf;
    outline: none;
}
.items-focus-ubigeo:hover {
    background-color: #d1cfcf;
    outline: none;
}

.form-gral-bg{
    min-width: 400px;
    max-width: 600px;
    box-sizing: border-box;
    border: none;
    box-shadow: 0px 5px 10px -5px var(--grey);
    border-radius: 20px;
    padding: 30px;
    background-color: var(--white);
    padding: auto 0.2em  !important;
}

.form-titulo{
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: fontForTodosBold;
}
.input-label{
    color: var(--purple);
    font-size: 1.2em;
    font-weight: 700;
}

.grupo-form-check{
    font-size: 0.8em !important;
}
.grupo-form-check .sub{
    text-decoration: underline;
}

.input-text{
    border: 1px solid var(--grey);
    color: var(--grey);
}
.input-text:focus{
    outline: none;
}
.lbl_obligatorios{
    font-size: 0.9em;
    color: var(--grey);
    height: 35px;
    margin: 5px 0;
    padding: 0 26px;
}
.lbl_obligatorios > span {
    color: var(--orange);
}
.ast{
    color: var(--orange);
}
select{
    color: var(--grey);
}
.form-btn-continuar-crear-cuenta{
    background: var(--purple);
    border: 1px solid var(--purple);
    border-radius: 5px;
    color: var(--white);
    font-weight: bolder;
    font-size: 14px !important;
    text-transform: uppercase;
    height: 30px;
    width: 140px;
}
.btn-form-fin{
    display: flex;
    justify-content:left;
    padding-top: 15px;
}

.frase-despegar{
    background-color: var(--purple);
    color: #fff;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bolder;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    height: 55px;
}
.frase-llega{
    background-color: var(--grey);
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    padding: 1em 0;
    height: 80px;
}

/* FORMS EN GENERAL */
.contenedor-formulario {
    display: flex;
    margin: auto;
    max-width: 100%;
    width: 1116px;
    box-sizing: border-box;
    padding: 2em 20px;
    display: flex;
    justify-content: end;
    gap:10px
}

.contenedor-formulario-columna {
    flex: 1 1 auto;
    width: 50%;
    box-sizing: border-box;
    border: none;
    box-shadow: 0px 5px 10px -5px var(--grey);
    border-radius: 20px;
    padding: 30px;
    background-color: var(--white);
}

.contenedor-formulario-boton {
    background: var(--purple);
    border: 1px solid var(--purple);
    border-radius: 5px;
    color: var(--white);
    font-weight: bolder;
    font-size: 14px !important;
    text-transform: uppercase;
    height: 30px;
    width: 140px;
}

.custom-file-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.custom-upload-btn {
    background-color: var(--purple);
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    transition: background 0.3s ease;
    font-weight: bolder;
}

.custom-upload-btn:hover {
    background-color: darkviolet;
}

#imagenes {
    display: none;
}

/* Estilo para la vista previa */
#preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

#preview img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* FORMULARIO INDEX */

#form_busqueda_banner_index {
    background: white;
    border-radius: 5px;
    border: 2px solid var(--orange);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin: auto;
    width: 35%;
}

.banner-inputs-index {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 5px;
}

.nav-busqueda-input-button-index {
    flex: 1;
    /*border: 2px solid var(--grey);*/
    border-radius: 4px;
    /*padding: 5px 10px;*/
    display: flex;
    align-items: center;
    background-color: white;
}

.banner-icon-microphone {
    color: var(--purple) !important;
     height: 30px;
     width: 30px;
     /*font-size: 25px;*/
     text-align: center;
}

.banner-icon-ubication {
     /*color: var(--orange) !important;*/
     height: 30px;
     width: 30px;
     font-size: 20px;
     margin-top: 3px;
     text-align: center;
}

.nav-busqueda-input-button-index input {
    outline: none;
    border: 0;
    width: 100%;
}

.nav-busqueda-input-button-index input {
    border: none;
    outline: none;
    font-size: 13px;
    margin-left: 10px;
    background: transparent;
}

.fa-microphone {
}

.div-coleg {
    width: 100%;
}

.div-coleg-1 {
    display: none;
}

/*PERFIL*/
#map {
    height: 100%;
  }

  * {
    scroll-behavior: smooth;
  }
  
  .section-titulo-cat{
    font-size: 1.1em;
    font-weight: bolder;
    /*font-family: fontForTodosBold;*/
    /*text-transform: uppercase;*/
    color: var(--purple);
    margin: auto;
  }
  
  .zoomLens{
    transform: scale(1.3);
    width: 100%;
    object-fit: contain;
  }
  
  .perfil-direccion-detalles:not(:last-child){
    border-bottom: 1px solid var(--grey);
  }
  
  .btn-scroll {
    background-color: white; /* Ajusta el color */
    color: var(--purple);
    border: none;
    border-radius: 50%;
    border: 1px solid var(--purple);
    width: 25px;
    height: 25px;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }
  
  .btn-scroll.left {
    left: 0;
  }
  
  .btn-scroll.right {
    right: 0;
  }
  
  /* NUEVO CAROUSEL PARA GALERIA */
  
  .carousel-container {
    margin-top: 15px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
  }
  .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
    overflow-x: auto;
    scrollbar-width: none;
    min-height: 350px;
  }
  .carousel-item {
    flex: 0 0 350px;
    width: 350px;
    max-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel-item img {
    /*max-width: 100%;
    max-height: 100%;*/
    width: 350px;
    height: 350px;
    object-fit: cover;
    cursor: pointer;
    padding: 5px;
    border-radius: 10px;
  }
  
  .carousel-reel {
    flex: 0 0 250px;
    width: 250px;
    height: 500px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .carousel-youtube {
    flex: 0 0 360px;
    width: 360px;
    height: 200px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .carousel-producto {
    flex: 0 0 300px;
    width: 350px;
    height: 350px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    align-items: center;
    text-align: center;
    margin-right: 10px;
  }
  
  .carousel-producto a {
    text-decoration: none;
    color: var(--grey);
  }
  
  .carousel-producto-img {
    width: 300px;
    height: 300px;
    margin: 10px auto 0 auto;
    border-radius: 10px;
    object-fit: cover;
  }
  
  .carousel-btn {
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    background: white;
    color: var(--purple);
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid var(--purple);
    border-radius: 20px;
    z-index: 10;
  }
  .prev { /*left: 0;*/ }
  .next { /*right: 0;*/ }
  
  
  /* Modal para zoom */
  .modal-popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .modal-popup-title {
    max-width: 1770px;
    width: 90%;
    text-align: right;
    z-index: inherit;
    margin-bottom: -40px;
    margin-left: -5px;
  }

  .modal-popup img {
    max-width: 90%;
    max-height: 90%;
  }

  .menu-contact-whatsapp {
    font-size: 1.7em;
    /*color:white;
    background: #42e25e;*/
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    border-radius: 3px;
    display: none;
  }

  .menu-contact-whatsapp a {
    color: white;
    text-decoration: none;
  }

  .top-icono-whatsapp {
    height: 30px;
    width: 30px;
  }

  #inputs_top_buscador {
    display: block;
    margin-right: 5px;
  }

  .modal-cerrar-image {
    cursor: pointer;
    color: var(--purple);
    font-size: 24px;
}

.modal-busqueda-cerrar {
    cursor: pointer;
    color: var(--purple);
    font-size: 24px;
    top: 10px;
    right: 10px;
}

/* Tablets grandes / Laptops pequeñas (769px a 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
/* Estilos para tablets grandes o laptops pequeñas */

    .item-top-index {
        display: unset !important;
        width: unset !important;
    }

    .menu-responsive-item a {
        font-size: 0.8em;
    }

    .modal-busqueda-popup {
        margin-top: 21vh;
    }

    .card_grandes_marcas_index {
        height: 120px;
    }

    .contenedor-gmarcas {
        height: 14vh;
    }

    /*.contenedor-gmarcas-5 {
        height: 14vh;
    }*/

    .grande-marca-link-index {
        max-height: 14vh;
    }

    .contenedor-regiones-footer{
        max-width: 100%;
        grid-template-columns: repeat(4, 1fr);
    }

    .main-categorias {
        max-width: 750px;
    }

    .grid-resultados-2-col {
        width: 750px;
    }  

    .det-link-galeria {
        font-size: 13px;
        width: 100px;
    }
    .det-link-direcciones {
        font-size: 13px;
        width: 100px;
    }
    .contacto-link-whatsapp {
        font-size: 13px;
        width: 100px;
    }

    .img-perfil {
        width: 160px;
        min-width: 160px;
        height: 16px;
        min-height: 160px;
    }

    .imagen-general {
        width: 0%;
        visibility: hidden;
    }

    .form-general {
        margin: 0 auto 0 auto;
    }

    .image-crear-cuenta {
        width: 0%;
        visibility: hidden;
    }

    .grid-2-col {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenedor-formulario {
        flex-direction: column;
    }

    .contenedor-formulario-columna {
        width: 100%;
    }

}

/* Tablets pequeñas (601px a 768px) */
@media (max-width: 768px) {
    /* Estilos para tablets pequeñas */

    .top-navegacion {
        max-height: 95px; /* Elimina la restricción de altura */
        padding: 0 10px;
    }

    #anuncios_top_busqueda {
        /*font-size: 10px !important;*/
        display: none;
    }

    .todos-imagotipo {
        height: 45px;
        max-height: 45px;
        width: 116px;
        flex:1;
    }

    .inputs-top-busqueda {
        /*flex: 1;*/
        /*display: unset;*/
        height: 32px;
        margin-right: 5px;
    }

    .inputs-top-busqueda input {
        width: 100%;
        max-width: 100%;
    }

    .inputs-top-navegacion {
        width: 100%; /* Ocupa todo el ancho para bajar de fila */
        order: 1; /* Se asegura de que aparezca debajo */
        display: flex;
        justify-content: center; /* Centrar si es necesario */
        margin-top: 10px; /* Espaciado adicional */
        border-top: 1px solid var(--purple);
        padding: 10px;
        gap:10px;
        display: none;
    }

    .group-location {
        flex-direction: row; /* Alinear en fila */
        justify-content: space-between; /* Espaciado entre los elementos */
        align-items: center;
        width: 100%;
    }

    .ubicacion-actual {
        margin-right: auto; /* Se alinea a la izquierda */
    }

    .cambia-region-top {
        margin-left: auto; /* Se alinea a la derecha */
        font-size: 1em;
    }

    .menu-responsive-item-2 {
        /*font-size: 12px;*/
    }

    .menu-responsive {
        flex:1;
        max-width: 30px;
    }

    .menu-responsive-items {
        display: none; /* Oculta los elementos del menú en pantallas pequeñas */
        flex-direction: column;
        width: 100%;
        background-color: #FFFFFF;
        position: absolute;
        top: 50px; /* Ajusta según la altura de tu header */
        left: 0;
        padding: 10px 0;
    }

    .menu-responsive-items {
        margin: 0;
    }

    .menu-responsive-item {
        list-style: none;
        height: 35px;
        padding-top: 5px;
        /*box-sizing: border-box;*/
        border-bottom: 1px solid var(--grey-3);
    }

    .menu-responsive-item a {
        margin-left: 10px;
        margin-right: 10px;
        color: var(--grey);
    }

    .fa-user {
        color: var(--purple) !important;
    }

    .fa-solid {
        color: var(--purple) !important;
    }

    .menu-responsive-icon {
        display: flex; /* Muestra el ícono en pantallas pequeñas */
        width: 35px;
        height: 30px;
    }

    .menu-responsive-items.active {
        display: flex; /* Muestra los elementos del menú cuando está activo */
    }

    .visible-responsive {
        width: auto;
        visibility: visible;
        display: block;
    }

    .item-menu-sesion {
        background-color: white;
        border: white;
        color: var(--purple);
    }
    
    .item-menu-cuenta {
        background-color: white;
        border: white;
        color: var(--purple);
    }

    .menu-responsive-item a:hover {
        background-color: white;
        color: var(--purple);
    }

    .menu-redes a {
        all:unset;
    }

    .menu-redes a:hover {
        all:unset;
    }

    .galeria-item {
        flex:0 0 100%;
        width: 100%;
    }

    .item-top-index {
        /*width: unset !important;*/
        display: unset;
    }

    .main-index {
        background-color: white;
    }

    .titulo-busqueda {
        background-image: none;
    }

    .resultados-busqueda{
    	height:15vh;
        padding: 10px;
        margin: 0px;
        text-align: center;
    }

    .modal-busqueda-popup {
        margin-top: 9vh;
    }
    .nav-busqueda-input-button {
        width: auto;
    }
    .banner-inputs {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .top-menu {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-left: 0; /* Elimina el margen izquierdo en móviles */
    }

    .top-menu a {
        width: 100%;
        text-align: center;
    }

    .top-navegacion {
        max-width: 100%;
        background-color: white;
    }

    #btn_busqueda_index_0 {
        display: block;
    }

    #btn_busqueda_index_1 {
        display: none;
    }

    .contenedor-gmarcas {
        height: 60px;
    }

    .grande-marca-link-index > img {
        height: 60px;
    }

    .contenedor-gmarcas-5 {
        height: 60px;
    }

    .grande-marca-link-index {
        max-height: 60px;
    }

    .section-categorias {
        width: 100% !important;
        text-align: center;
    }

    .section-grandes-marcas {
        margin-top: 10px;
    }

    .contenedor-categorias-1 {
        grid-template-columns: repeat(auto-fit, minmax(0px, 2fr));
    }

    .section-frase {
        width: 100%;
    }

    .contenedor-regiones-footer{
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-perfil {
        height: 160px;
        border-radius: 0%;
        width: 100%;
    }

    .main-categorias {
        max-width: 480px;
    }

    .grid-resultados-2-col {
        width: 480px;
    }

    .card-resultado {
        flex-direction: column;
    }

    .destacado-top {
        display: flex;
        width: 100%;
    }

    .descripcion-btns {
        display: none;
    }

    .card-r-botones-3 {
        width: 100%;
    }

    .icons-links {
        display: none;
    }

    .destacado-contenido {
        width: 100%;
    }

    .detalle-perfil {
        font-size: 14px;
    }
    .card-botones {
        width: 100%;
    }

    .card-categoria-inline {
        width: 75px;
        min-width: 75px;
        max-width: 75px;
        height: 75px;
        max-height: 75px;
        font-weight: bolder;
    }
    
    .card-categoria-inline img {
        width: 40px;
        max-width: 40px;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
    }

    .card-categoria {
        width: 75px;
        max-width: 75px;
        min-width: 75px;
        height: 75px;
        padding: 0px;
        align-items: center;
    }

    .card-categoria img {
        width: 45px;
        max-width: 45px;
        height: 45px;
        min-height: 45px;
        max-height: 45px;
    }

    .card-r-imagen img {
        width: 65px;
        height: 65px;
    }

    .card-nombre-cat {
        font-size: 0.65em;
    }

    .card-r-perfil {
        width: 100%;
    }

    .div-icon-medal {
        order: 3;
        max-width: 60px;
        grid-column: 3;
    }


    .img-perfil {
        width: 140px;
        min-width: 140px;
        height: 140px;
        min-height: 140px;
    }

    .det-link-galeria::after {
        content: " ";
    }
    
    .det-link-direcciones::after {
        content: " ";
    }
    
    .contacto-link-whatsapp::after {
        content: " ";
    }

    .det-link-galeria {
        font-size: 18px;
        width: 45px;
    }
    .det-link-direcciones {
        font-size: 18px;
        width: 45px;
    }
    .contacto-link-whatsapp {
        font-size: 18px;
        width: 45px;
    }

    .top-infomacion-perfil {
        margin:0 auto;
        padding: 0 20px;
    }

    .top-perfil-img {
        height: 20vh;
    }

    .top-perfil-img img {
        object-fit: cover;
        height: 20vh;
    }

    .contenedor-banners-perfil {
        display: flex;
        max-height: 100%;
        height: 18vh;
    }

    .section-perfil {
        padding: 0 30px;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .card-perfil {
        box-shadow: 1px 1px 5px 2px var(--grey);
        border-radius: 0 0 10px 10px;
        padding: 8px;
        margin-top: 2px;
      }

      .card-perfil-top {
        align-items: end;
        position: relative;
      }
      .card-perfil-top-imagen {
        width: 110px;
        height: 110px;
        margin-top: 0px;
      }
      .contenido-detalle-perfil {
        margin: 0;
        font-size: 0.9em;
      }
      .card-perfil-top-titulo {
        font-size: 1.15em;
        margin: 0;
        padding-top: 0.5em;
        display: block;
      }
      
      .perfil-rs-link img {
        width: 50px;
        height: 50px;
      }

      .perfil-rs-link-texto {
        display: none;
      }

      .contenido-descripcion-p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
        max-height: 6em;
        overflow: hidden;
      }
      .card-botones {
        display: flex;
        margin-top: 10px;
      }
      .section-perfil-redes-sociales {
        display: flex;
        justify-content: center;
        margin-top: -10px;
        margin-bottom: -10px;
        padding: 15px 0px 15px 0px;
      }

    .section-frase {
        max-width:100%;
        flex-direction: column;
    }

    .perfil-direccion-detalles {
        flex-direction: column;
        padding-left: 5px;
        margin-top: 10px;
        border: 1px solid var(--purple);
        border-radius: 5px;
    }

    .sep-direccion {
        display: none;
    }

    .section-regiones-footer h2 {
        border-radius: unset;
    }

    .section-footer-top {
        flex-direction: column;
    }

    .separador-vertical {
        display: none;
    }

    .div-izquierdo {
        width: 90%;
        max-width: 90%;
        margin: auto;
        display: flex;
        justify-content: center; /* Centra horizontalmente */
        align-items: center; /* Centra verticalmente */
    }

    .div-derecho {
        max-width: 90%;
        margin:auto;
        padding: 0;
    }

    .footer-otros-enlaces {
        flex-direction: column;
    }

    .footer-enlaces-1 {
        padding: 0;
        text-align: center;
    }

    .footer-enlaces-2 {
        padding: 0;
        text-align: center;
    }

    .link-reclamaciones-footer {
        text-align: center;
        align-items: center;
    }

    .img-reclamaciones-footer {
        margin: 20px;
    }

    .footer-terminos {
        width: 90%;
        margin:auto;
    }

    .section-fondo-form {
        background-color: #FFFFFF;
    }

    .imagen-general {
        width: 0%;
        visibility: hidden;
    }

    .form-general {
        margin: 0 auto 0 auto;
    }

    .image-crear-cuenta {
        width: 0%;
        visibility: hidden;
    }

    .grid-2-col {
        grid-template-columns: repeat(1, 1fr);
    }

    .contenedor-formulario {
        flex-direction: column;
    }

    .contenedor-formulario-columna {
        width: 100%;
    }

    .banner-img-general {
        max-height: 15vh;
    }

    .contenedor-detalle {
        border: none;
    }

    .banner-inputs-index {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contenido-detalle-perfil-descripcion {
        margin-left: 0px;
      }

    .boton-banner {
        font-size: 13px;
    }

    .top-categorias .categoria-buttons button {
        height: 25px;
        max-height: 25px;
        width: 25px;
        max-width: 25px;
      }

      .sec-medios-pago {
        align-items: center;
      }

      .section-busqueda-tabs {
        font-size: 12px;
      }

      .section-categorias {
        padding: 0px 0px 0px 0px;
      }

      .section-resultados {
        margin: 0px 0px 0px 0px;
      }

      .btn-perfil-destacado {
        height: unset;
        padding-bottom: 4px;
        padding-top: 5px;
      }
    
      .btn-perfil-destacado::after {
        content: "Ver Perfil";
        display: block;
        font-size: 12px;
    }
    
    .contenido-btn-llamar {
        height: unset;
        padding-bottom: 4px;
        padding-top: 5px;
    }

    .contenido-btn-llamar::after {
        content: "Llamar";
        display: block;
        font-size: 12px;
    }
    
    .contenido-btn-whatsapp {
        height: unset;
        padding-bottom: 4px;
        padding-top: 5px;
    }
    .contenido-btn-whatsapp::after {
        content: "Whatsapp";
        display: block;
        font-size: 12px;
    }

    .contenido-btn-ubicacion {
        height: unset;
        padding-bottom: 4px;
        padding-top: 5px;
    }

    .contenido-btn-ubicacion::after {
        content: "Ubicación";
        display: block;
        font-size: 12px;
    }

    .card-r-direccion {
        height: 0px;
    }

    .div-coleg-1 {
        max-height: 3.6em; /* Limita a 2 líneas aprox */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Número de líneas que quieres mostrar */
        -webkit-box-orient: vertical;
        cursor: pointer;
        transition: max-height 0.3s ease;
    }

    .div-coleg-1:hover, .div-coleg-1:focus {
        max-height: 100vh; /* Se expande para mostrar todo */
        -webkit-line-clamp: unset;
    }

    .destacado-btns > a {
        max-width: 75px;
        margin-left: 2px;
        margin-right: 2px;
    }

    .card-r-perfil .titulo-label-card {
        font-size: 13px;
    }

    .card-b-llamar {
        height: unset;
        width: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .card-b-whatsapp {
        height: unset;
        width: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .card-b-ubicacion {
        height: unset;
        width: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .card-b-llamar::after {
        content: " Llamar";
        display: block;
        font-size:13px;
    }
    .card-b-whatsapp::after {
        content: " WhatsApp";
        display: block;
        font-size:13px;
    }
    .card-b-ubicacion::after {
        content: " Ubicación";
        display: block;
        font-size:13px;
    }

    /*PERFIL*/
    .btn-scroll {
        width: 20px;
        height: 20px;
        font-size: 12px;
      }
    
      .carousel-item {
          /*flex: 0 0 100%;*/
          width: 100%;
      }
    
      .carousel-reel {
        /*flex: 0 0 100%;*/
        width: 100%;
      }
    
      .carousel-youtube {
        /*flex: 0 0 100%;*/
        width: 100%;
      }
    
      .carousel-producto {
        /*flex: 0 0 100%;*/
        width: 100%;
      }
    
      .modal-img {
        max-width: 900px;
        max-height: 900px;
        max-width: unset !important;
        max-height: unset !important;
      }
    
      .categoria-buttons {
        padding-top: 0px;
        padding-bottom: 5px;
      }
    
      .botones_catalogo {
        display: none;
      }

	.contenedor-crear-cuenta {
        padding: unset !important;
      }

	.form-gral-bg {
    	min-width: unset !important;
	}

	.section-titulo-busqueda {
    	height: 15vh;
	}

	.titulo-busqueda {
    	height:15vh;
    	padding-top:0px;
    	padding: 5px;
    	font-size: 14px;
	}

    #inputs_top_buscador{
        display: block;
        width: 120px !important;
        margin-right: 0px;
    }

    .menu-responsive-item-2 {
        padding: 8px 8px 6px 8px;
    }

    .fa-xmark {
        color: white !important;
    }
    
}