@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.min.css');






/*Bootstrapizando con variables css*/
:root {
  --color-principal: brown;
  --color-btn-info: #28a7bb;
  --color-btn-secondary: #8fbbc1;
  --color-txt-contraste: #3134e8;
  --color-background:#eaeaea;
  --color-btn-success: #28bb63;
  --color-btn-danger: #e63d3d;
  --color-tumenu: #E85E31;
  --color-tumenu-contraste: #ffffff;

}
 html  {

    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;

}



/* GLOBAL STYLES Martin Base.html color-tumenu ante EA6F47
-------------------------------------------------- */

.row {
    display: -ms-flexbox;
    display: flex;   
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}


dd .acciones {
    margin-left: 10px;
    margin-right: 10px;
}


a.btn.btn-secondary.ml-3.salir:focus {
    color: red;
}


a.clearLink.btncerrar {
    color: #313131;
    position: absolute;
    top: 15px !important;
    left: 95%;
    z-index: 9999999;
    font-size: 20px;
}


.cont-btn {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.col-12.col-md-3.no-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

a.btn.btn-demo-success.btn-lg.br-5 {
    max-width: 300px;
    font-size: 1.5em;
    margin-right: 15px;
    margin-left: 15px;
}


.cont-btn a.btn.btn-orange {
    max-width: 300px;
    font-size: 1.5em;
    margin-right: 15px;
    margin-left: 15px;
}


a.btn.btn-demo-success:hover {
    color: white;
}

img.img-body.celu {
    max-height: 750px;
    margin-top: -55px !important;
    z-index: 999;
    position: relative;
}


.text-white a {
    color: #ffffff;
}

/*botones widget crop*/

.dcsic_choose_img {
    background: var(--color-btn-success) !important;
    box-shadow: none !important;
}

span.dcsic_choose_img.m-2.p-2 {
    font-weight: 800 !important;
}


.dcsic_choose_other_img {
    background: var(--color-btn-success) !important;
    box-shadow: none !important;
}


.dcsic_delete_image {
    background: var(--color-btn-danger) !important;
    box-shadow: none !important;
    padding: 5px !important;
}




.dcsic_current_img {
    border: 1px solid #d4d4d4;
}

a.seccionLink:focus {    
    border: none !important;
    box-shadow: none !important;
    padding: 5px !important;
}




/*fin de estilo widget*/

.form-control {
    font-size: 0.9em;
    height: 40px;
    margin-top: 5px;
}

.row.infosecciones {
    float: right;
    position: relative;
    font-size: 0.8em;
}

span.text-secciones {
    margin-right: 15px;
}

.circulo-visible {
    width: 15px;
    background: #28a7bb;
    border-radius: 100%;
    height: 15px;
    margin-right: 5px;

}

.circulo-no-visible {
    width: 15px;
    background: #8fbbc1;
    border-radius: 100%;
    height: 15px;
    margin-right: 5px;
}



label.requiredField {
    font-weight: 800;
}

label {
    font-weight: 800;
}

h1 {
    font-size: 2.5rem;
    font-family: poppins;
}

.text-plan {
    font-size: 1em;
    font-weight:600;
    font-family: poppins;
}

/* nav bar */
a.nav-link:hover {
    color: #f9f9f9 !important;
}

a.navbar-brand:hover {
    color: #f9f9f9 !important;
}

span.navbar-toggler-icon {
    color: white;
}

.menu-nav {
    display: inline;
    text-align: right;
    width: 100%;
    color: var(--color-tumenu-contraste);
    padding-top: 15px;
}




/* nav bar */

/* footer */
.footer-tumenu {
    color: var(--color-tumenu-contraste);    
    background-color: var(--color-tumenu);
    margin-top: 10px;
    width: 100%;

}

.footer-tumenu a {
    color: var(--color-tumenu-contraste);
    text-decoration: underline;
    
}



a.dropdown-item {
    color: #030303;
}




.container-empresas {
    min-height: 400px !important;
    width: 100%;
    margin-top: 10px;
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 7px 1px #dadada;
}


.container-body {
    padding: 5px;
    background: white;
    width: 100%;
    border-radius: 5px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;

}

.ai-secciones {
  display: flex;
  flex-direction: row;
}

a.acciones {
    position: relative;
    border-radius: 5em;
    color: #2890ff;
    top: 5px;
    margin-left: 1px;
    font-family: poppins;
}

.btn-70 {
width: 70%;
}

.btn-tumenu-info {
    text-transform: uppercase;
    border-radius: 5px;
    background-color: var(--color-btn-info);
    color: white;
}


.btn-tumenu-secondary {
    text-transform: uppercase;
    border-radius: 5px;
    background-color: var(--color-btn-secondary);
    color: white;
}

.user-tm {
    background-color: #ffffff;
    color: #000000;
    font-weight: 700;
}


.text-white a:hover {
    color: #040404;
}



.lead {
    color: white;
    text-align: center;
}


.btn-tumenu-success {
    text-transform: uppercase;
    border-radius: 4px;
    background-color: var(--color-btn-success);
    transition: 0.5s;
    color: white;
    cursor: pointer;
    margin-bottom: 1em;
}

.dropdown-item:active {
    color: white !important;
    text-decoration: none;
    background-color: var(--color-tumenu);
}



a:hover {
    text-decoration: none !important;
}

.btn-tumenu-success:hover {
    background: #23ad5a;
    text-decoration: none;

}


.btn_agregar {
    background: #28a745;
    width: 60px;
    padding: 0;
    border-radius: 5px;
    color: white;
    font-size: 1.2em;
    height: 33px;
    margin: 5px;
    right: 10px;
    position: absolute;
}

.btn_sacar {
    background: #f19374;
    width: 60px;
    padding: 0;
    border-radius: 5px;
    color: white;
    font-size: 1.2em;
    height: 33px;
    margin: 5px;
    right: 80px;
    position: absolute;
}

.btn_agregar:hover {
    cursor: pointer;
}

.btn_sacar:hover {
    cursor: pointer;
}

.col.boton-carrito {
    display: -webkit-inline-box;
}










@keyframes animate
{
    0%
    {
    transform: rotate(0deg);
    box-shadow: 4px 0 #eee414;

    }
     50%
    {
    box-shadow: 4px 0 #DB995A;

    }
     70%
    {
    box-shadow: 4px 0 #eeffff;

    }
    100%
    {
    transform: rotate(360deg);
    box-shadow: 4px 0 #DB995A;

    }
}

.scan
{
  width:132px;
  right:120px;
  height:10px;
  background-color:rgba(0,0,0,.8);
  position:absolute;
  z-index:9999;
   -moz-animation: scan 2s infinite;
  -webkit-animation: scan 2s infinite;
  animation: scan 2s infinite;
   -webkit-animation-direction: alternate-reverse;
  box-shadow:0px 0px 30px rgba(255,204,102,.5);


}

@-webkit-keyframes scan {
  0%, 100% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
  100% {
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }
}



/*Desactiva un zoom que hace safari en Iphone*/

input, textarea, select {
    font-size: 16px !important;
}


/*Menu*/
.caja-menu {
    background: var(--color-tumenu);
}

.cabeceraEmpresa {
    background-color: blue;
    color: white;
}
.cabeceraEmpresa p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;

}

.Invisible {
     color: white;
     font-size: 9px;
     margin: 0px;
     padding: 0px;
}

.DivRellenito {
    background: #f8f9fa;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    font-family: 'Poppins';
    letter-spacing: -.05rem;
}

.col.colprecio {
    position: absolute;
    bottom: 0;
    padding: 0;
}


.exterior_seccion_menu {
    width: 100%;
    /* padding-top: 15px ; */
    padding-bottom: 15px ;
    }

/*Pedidos Semaforo*/
.pedido-pendiente {
    padding-top: 15px ;
    padding-bottom: 15px ;
    margin-top: 30px ;
    background-color: #E31313;
}
.pedido-activo {
    padding-top: 15px ;
    padding-bottom: 15px ;
    margin-top: 30px ;
    background-color: #046608;
}


/*Menu Publico*/

.Titulo::after {
    display: block ;
    width: 100% ;
    bottom: 0px ;
    height: 1px ;
    content: " " ;
    border-bottom: 2px dotted ;
    border-color: rgba(0,0,0,0.2);
}

.itemSepara{
    margin-bottom: 12px;
    padding: 10px 5px;
    background-color: #fff;
    border-radius: 5px;
    /* margin-inline-start: 2px; */
    max-width: 48%;
    box-shadow: 0 3px 8px rgb(0 0 0 / 12%);
    min-height: 150px;
}


.itemSeparaInactivo { 
    background-color: #fbdbdb;   
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 13px 0px #ababab;    
}


.TituloSeccion {
    text-align: left;
    font-family: oswald;
    font-size: 2em;
    margin-bottom: 10px;
    color: #5b5b5b;
    font-weight: 400;
}

.TituloItem {
    text-align: left;
    font-family: 'poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
}
/* 
.TituloSeccion::before {
    content: '•';
    color: #e85e31;
    font-size: 30px;
    margin-right: 2px;
} */

.DescripcionItem {
  text-align: left;
  font-family: 'poppins', sans-serif;
  font-size: 13px;
  margin-top: 8px;

}
p.DescripcionItem  {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4.DescripcionItem; /* number of lines to show */
   min-height: 3em;
   -webkit-box-orient: vertical;
}


.img-max {
  min-width: 90px;
  width:100%;
}

.icono-tag:first-child {
    margin-left: 5px;
}

.icono-tag {
    width: 15px !important;
    height: 15px !important;
    margin-left: 0px;
    /* margin-bottom: 5px; */
    vertical-align: middle;
}


.Invisible {
     color:white;
}

.Precio {
    font-family: 'Bitter', serif;
    font-size: 16px;
    margin-top: 8px;
    float: right;
}




.logo-max {
    width: 200px;
    height: 200px;
}

.nombre-empresa {
    color: #080808;

    font-family: 'bitter', sans-serif;
}

h1.nombre-empresa {
    font-size: 1.5em !important;
    line-height: 1;    
    padding-bottom: 2px;
    margin-bottom: 2px !important;
}





#pdf-render {
    border: 1px solid #ccc;
    width: 100%;
    max-width: 600px;
    margin: auto;
    height: auto;
}


#pdf-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
overflow-y: auto; /* Allow vertical scrolling for multiple pages */
}

canvas {
display: block; /* Prevent extra space below canvas */
max-width: 100%; /* Ensure canvas fits within container width */
height: auto; /* Maintain aspect ratio */
margin: 0 auto; /* Center the canvas */
}



.container-empresas {
min-height: 600px !important;
}

.no-desktop{
display: none;
}



.item_busqueda {
    /* padding: 10px; */
    margin-top: 20px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0px 11px 20px 0px #80808047;
}

.dcsic_wrapper {
width: 400px;
}

/*CSS especifica DESKTOP*/

@media only screen and (min-width: 991px) {



    
.btn-scan-mob {
    display: none;
}



.logo-2025 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
}

img.logo25 {
    width: 250px;
    padding: 10px;
    padding-bottom: 15px;
}


.container-body {
    width: 60%;    
    box-shadow: 1px 1px 7px 1px #dadada;    
}

img.logo-tumenu {
    width: 280px;
}

#carrito-cant {
    font-size: 2em;
    background: #000000;
    width: 110px;
    border-radius: 5px;
    right: 35px;
    text-align: center;
    position: absolute;
    top: 80px;
}

.presentacion {
 display: none;
}

}


/*--FIN CSS DESKTOP--*/


/*CSS especifica MOBILE*/


@media only screen and (max-width: 992px) {


.logo-2025 {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 2%;
    align-items: center;
}

img.logo25 {
    width: 200px;
    padding: 10px;
    padding-bottom: 15px;
}

.cont-btn {
    display: flex;  
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin-top: 20px;
}


a.btn.btn-demo-success.btn-lg.br-5 {
    max-width: 300px;
    margin-right: 15px;
    margin-left: 15px;
}

.cont-btn a.btn.btn-orange {
    max-width: 300px;
    margin-right: 15px;
    margin-left: 15px;
}


.cont-btn a.btn.btn-orange {
    margin-bottom: 1em !important;
    margin-top: 0.8em !important;
    
}

.dcsic_wrapper {
    width: 100%;
}

button.btn.btn-primary.grabar {
    position: fixed;
    bottom: 20px;
    right: 30px;
    float: right;
    font-size: 1.5em;
    z-index: 99999999999;
}

a.clearLink.btncerrar {
    color: #313131;
    position: absolute;
    top: 10px !important;
    left: 88%;
    z-index: 9999999;
    font-size: 25px;
}


.item_busqueda {
    width: 100% !important;
}




p.DescripcionItem {
    font-size: 14px;
}


.TituloItem {
    text-align: left;
    font-family: 'poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
}




.no-desktop {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}




.container-empresas {
    min-height: 400px !important;
    }


.btn-orange {
    bottom: 0px !important;
}

.container-megagrey {
     padding: 10px !important;
}

#carrito-cant {
    font-size: 2em;
    background: #000000;
    width: 90px;
    position: fixed;
    border-radius: 5px;
    right: 20px;
    top: 100px;
    text-align: center;
}

.col.colprecio {
    position: absolute;
    bottom: 0;
    padding: 0;
}


/* .itemSepara {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 4px;
    min-width: 100%;
    box-shadow: 0 5px 17px rgb(0 0 0 / 21%);
    margin: 10px 0;
    min-height: 150px;
} */


img.logo-tumenu {
    width: 190px;
}

.row.carta {
background: white;
        display: block;
        padding: 0%;
        margin-right: 0;
        margin-left: 0;
    }
}

p.Precio {
    background: white;
    padding: 5%;
    border-radius: 5px;
    color: #656565;
    margin-bottom: 2px;
}



/*--FIN CSS MOBILE--*/


/*CSS MARTIN 2020*/


.btn-google {
    width: 45%;
    display: inline-block;
    background: red;
    color: white;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 3px 1px 1px #c12000;
}

.btn-facebook {
    width: 45%;
    display: inline-block;
    background: #3b5998;
    color: white;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 3px 1px 1px #202f4e;
}

.btn-google:hover {
    color: white;
}

.btn-facebook:hover {
    color: white;
}


.home-tumenu {
    color: white;
}


.card-header {
    background: #000000;
    font-family: poppins;

}

.dcsic_overlay {
   z-index: 99999999999999 !important;
}


p.lead-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    color: #717171;
}


.card-body-text {
    min-height: 10em;
     font-family: 'Poppins', sans-serif;
}


.casa-boton {
    padding: 1em;
    width: 100%;
}

.card.card-tumenu {
    background: white;
    border-radius: 1em;
    min-height: 22em;
}

h3.card-title.pricing-card-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4em;
    font-weight: 800;
}

.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
border-color: rgb(255,102,203);
}

.caja-menu a {
    color: var(--color-tumenu-contraste);
}

.caja-menu a.dropdown-item {
    color: #272727;
}

.dropdown-menu.show {
    box-shadow: 1px 1px 20px 1px #808080d1;
    border: none;
}

.col-12.col-lg-3.secprod {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

h4.menu-text {
    font-size: 1.2em;
    display: contents;
}

.vmas {
    float: right;
}


.card.text-white.bg-info.mb-3 {
    width: 100%;
}


.container-orange {
    background: var(--color-tumenu);
}


.secciones {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    gap: 10px;
    padding: 10px;
    padding-bottom: 10px;
}

.celuhome {
    z-index: 9999;
    width: 290px;
    padding-right: 0px;
    position: relative;
    /* top: -30px; */
}


.caja-menu img {
    margin-left: 5%;
    width: 200px;
}


.box-home-text h2 {
    margin-top: 0.5em;
    color: #cf542c;
    /* font-size: 3.5em; */
    line-height: 1;
    font-family: "nunito";
    font-weight:500;
}

.box-home-text h3 {
    font-size: 1.4em;
    font-weight: 300;
    font-family: "poppins"
}

input[type="button"] {
    margin-top: 10px;
    padding: 0.7em;
    border-radius: 100px;
    border: none;
    background-image: linear-gradient(-10deg, #e85e31, #b62e01);
    color: white;
}

input#txtCodigo {
    padding: 1em;
    border-radius: 5px;
    width: 50%;
    border: none;
    font-size: 1.5em;
}



.container-megawhite {
    background: white;
    padding: 1em;
}

.container-megagrey {
    background: #eaeaea;
    padding: 2em 10em 2em 10em;
}

.box-tumenu {
    box-shadow: 0 0 4px 0px #9e9e9eb5;
    border-radius: 4px;
    padding: 1.3em;
    margin-bottom: 1em;
}

.box-tumenu h2{
font-size: 1.5em;
}


.card-landing {
    height: 450px;
}


.btn-orange {
    border: 1px solid #e85e31;
    background: var(--color-tumenu);
    color: white;
    transition: 0.5s;
    width: 50%;
    border-radius:70px;
}

.btn-white {
    background: white;
    color: var(--color-tumenu);
    transition: 0.5s 1s;
    width: 50%;
    border-radius: 70px;
    margin-top: 50%;
}

.btn-orange:hover {
    /* box-shadow: 0 2px 8px 0px grey; */
    color: white;
}

a.btn-orange:hover {
       color: white;
}





/* .no-mobile img {
    max-height: 540px;
    margin-top: -60px !important;
    z-index: 999;
    position: relative;
} */

.btn-demo-success {
    background: var(--color-btn-success);
    color: white;
    transition: 0.5s;
    width: 50%;
    border-radius: 70px;
}

nav.navbar.navbar-expand-md.caja-menu {
    background: var(--color-tumenu);
}

.item_busqueda {
    width: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0px 11px 20px 0px #80808047;
}

span.dcsic_choose_img.m-2.p-2 {
    font-weight: 400 !important;
}

a.btn.btn-secondary.ml-3 {
    background: white !important;
    color: red;
    border: none;
}

.theme-dark button.btn-categorias {
    color: #181818;
}

/* @media only screen and (max-width: 899px) { */

@media only screen and (max-width: 991px) {
.container-megawhite {
    background: white;
    padding: 2em;
}

/* .itemSepara{
    min-height: 150px;
}     */

a.btn.btn-secondary.ml-3 {
    background: white !important;
    color: red;
}    

ul.navbar-nav.ml-auto {
    margin-top: 10px;
}


.col-sm.botones {
    margin-top: 2em;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.clogo {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.dropdown-menu.show {
    box-shadow: none !important;
    border: none;
}

a.btn.btn-secondary.ml-3 {
    margin-top: 10px;
    margin-left: 0px !important;
}


.caja-menu img {
    margin-left: 0%;
}    

.btn-demo-success {
    background: var(--color-btn-success);
    color: white !important;
    transition: 0.5s;
    width: 100%;
    border-radius: 70px;
}

.box-home-text h2 {
    color: #cf542c;
        /* font-size: 2.5em; */
        line-height: 1;
        font-family: 'nunito';
        font-weight:500;
    }


.row.featurette.reverse-mobile {
    flex-wrap: wrap-reverse;
}

.btn-scan-mob {
    background: black;
    width: 90%;
    padding: 1em;
    border-radius: 4px;
    color: #fefefe;
    margin-left: 7%;
    text-align: center;
    margin-bottom: 2em;
    font-size: 1.5em;
    box-shadow: 7px 7px #e5e5e5;
}


.center-principal-ring{
 display: none;
 }

.no-mobile {
 display: none !important;
 }

 input#txtCodigo {
    padding: 0.5em;
    border-radius: 5px;
    width: 90%;
    border: none;
    font-size: 1.5em;
}



a.btn.btn-orange.btn-lg {
    width: 100%;
    right: 0;
}


.btn-white {
    background: white;
    color: var(--color-tumenu);
    transition: 0.5s 1s;
    width: 100%;
    margin-top: 2em;
    border-radius: 70px;
}


}


.hero-waves {
  display: block;
  width: 100%;
  z-index: 5;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}



.text-home {
    font-family: 'Montserrat';
    font-weight:500;
}


/*.row.row-home {
    height: 500px;
}*/



/* Secciones con visualizacion automatica */

/* Estado activo del botón de sección */
.secciones .seccionLink.is-active{
  font-weight: 600;
  box-shadow: 0 0 0 2px {{ empresa.color_principal|default:'#2b2b2b' }};  
  transform: translateY(-1px);
  opacity: 1 !important;
}

.bloque-seccion { scroll-margin-top: 72px; }




/* Categorias en Destacados con imagenes */



.card-dest{
  width:160px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.1);
  min-height: 230px;         /* asegura “abajo de todo” */
  display:flex;              /* por si querés crecer a futuro */
}
.card-body-dest{
  padding:8px;
  display:flex;
  flex-direction:column;
  flex:1;                    /* ocupa todo el alto de la card */
}

.seccion-precio-box{
  display:flex;
  align-items:flex-end;      /* precio a la derecha con text-end si querés */
  justify-content:flex-end;
  margin-top:auto;           /* CLAVE: empuja el precio al fondo */
}

.seccion-seccion-box{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-top:2px !important;
}

.pill-seccion{
  display:inline-block;
  background: var(--pill-bg);
  color:#fff;
  font-family:Poppins;
  font-size:.60rem;
  padding:.25rem .6rem;
  border-radius:999px;
  white-space:nowrap;
  margin-bottom:4px;
}

.card-precio{
  font-family:'Bitter', serif;
  font-size:.9rem;
  font-weight:600;
  color:#222;
  margin:0;
}



/* SECCIÓN: Cómo crear un menú */
.steps-menu-section {
  padding: 1rem 0 1rem;
}

.steps-menu-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  margin-bottom: 0.3rem;
}

.steps-menu-subtitle {
  font-size: 1.1rem;
  font-weight: 500;
}

.steps-menu-divider {
  width: 150px;
  height: 3px;
  border: 0;
  background: #f39c12;
  margin: 0.8rem 0 2rem 0;
}

/* iconos */
.steps-menu-icon {
  width: 80px;
  height: auto;
  margin-bottom: 1rem;
}

/* texto */
.steps-menu-text {
  font-size: 0.98rem;
  line-height: 1.5;
  color: #555;
}

/* Desktop */
@media (min-width: 992px) {
  .steps-menu-title {
    font-size: 2rem;
    text-align: left;
  }

  .steps-menu-header {
    text-align: left;
  }

  .steps-menu-col {
    text-align: left;
  }
}

/* Mobile / tablet */
@media (max-width: 991.98px) {
  .steps-menu-section {
    padding-top: 2.5rem;
  }

  .steps-menu-title {
    text-align: center;
  }

  .steps-menu-header {
    text-align: center;
  }

  .steps-menu-divider {
    margin-left: auto;
    margin-right: auto;
  }

  .steps-menu-col {
    text-align: center;
  }
}

/* Estilos sólo para el acordeón de FAQ */
.faq-accordion .card {
    border-radius: 10px;
    overflow: hidden;    
    border: 1px solid #dbdbdb;
}

.faq-accordion .card + .card {
    margin-top: 0.5rem;
}

.faq-accordion .card-header {
    background: #ffffff;
    border-left: 4px solid #d35400;
    
}

.faq-accordion .card-body {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
}


/* IMAGEN MODAL */

.modalimg {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


/* MODO NOCTURNO SOLO EN MOBILE */

@media only screen and (max-width: 992px) {

    #submit-id-submit {
    position: fixed;
    bottom: 20px;
    right: 30px;
    float: right;
    font-size: 1.5em;
    z-index: 99999999999;
}

    body.theme-dark {
    background: #000000 !important;
    }

    body.theme-dark .container-body  {
    background:#ff000000 !important ;
    }

    body.theme-dark .item_busqueda {
    background: #000000 !important;
    box-shadow: none !important;
    }

    body.theme-dark #Items {
    background: #ff000000 !important;
    border: none !important;
    border-bottom: 1px solid #5f5f5f !important;
    }

    body.theme-dark p.Precio {
    background: #ff000000 !important;
    color: rgb(218, 218, 218) !important;
    }

    body.theme-dark h1.nombre-empresa,
    body.theme-dark h2.slogan,
    body.theme-dark h2.TituloItem,    
    body.theme-dark .iconos {
    color: white !important;
    }

    body.theme-dark p.descripcion_seccion.p-2 {
    color: rgb(168, 168, 168) !important;
    }

    body.theme-dark p.DescripcionItem { color: #c3c3c3; }

    body.theme-dark .icon-social {
    background: #ffffff !important;
    color: #000000 !important;
    }

    body.theme-dark .domicilio_modo_oscuro,
    body.theme-dark .horario_modo_oscuro {
    background: #ffffff3d !important;
    color: white !important;
    }

    body.theme-dark .seccionLink {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    }
    body.theme-dark h3.TituloSeccion {
    color: #ffffff !important;
    border-bottom: 1px solid #646464;
    border-top: 1px solid #646464;
    background: rgb(47 47 47) !important;
    }

    body.theme-dark .btn-secciones-flotante {
    background: #e85e31 !important;
    border: #e85e31 !important;
    }

    /* body.theme-dark .modal-body { background: #3f3f3f !important; } */
    body.theme-dark .modal-header { background: #212121 !important;
    color: white; }
    body.theme-dark button.close { color: #ffffff !important; }

    body.theme-dark a.seccionLink.btn.m-0.p-1.is-active {
    background: #4f4f4f !important;
    color: white !important;
    border: none;
    }

    body.theme-dark .Invisible { color: #ffffff00 !important; }


    body.theme-dark .detalles-box {
        color: white;
    }

    body.theme-dark button.pill-seccion.mb-2 {
        background: #2f2199;
    }

    
    body.theme-dark imgilus {
        color: white;
    }

    body.theme-dark .varrow-name {
        color: white;  
    }

    body.theme-dark .varrow-price {
        color: rgb(218, 218, 218) !important;
    }

    body.theme-dark .varrow::before{
        background: rgb(233, 206, 157) !important;  
    }




}

/*Estilo para iconos*/

.tags-row{
  gap: 4px;
}

.tag-pill{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0px;
    border-radius: 999px;
    background: rgb(255, 255, 255);
    align-items: flex-end;
    margin-right: 5px;
}

.icono-tag{
  width:15px !important;
  height:15px !important;
  margin-left: 0px !important;
  object-fit:contain;
  vertical-align: middle;
}

.tag-text{
  font-family:Poppins, sans-serif;
  font-size:.62em;
  font-weight:600;
  color:#444;
  line-height:1;
}



/* -- Item Form -- */


  .tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  @media (min-width:768px){.tag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

  .tag-card{
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:.65rem .75rem;
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    cursor:pointer;
    user-select:none;
  }
  .tag-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.10)}
  .tag-card.is-on{border-color:rgba(105,139,255,.75);box-shadow:0 10px 26px rgba(105,139,255,.16)}

  .tag-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
  .tag-left{display:flex;align-items:center;gap:.6rem;min-width:0}
  .tag-ico{
    width:34px;height:34px;border-radius:10px;background:rgba(0,0,0,.04);
    display:flex;align-items:center;justify-content:center;flex:0 0 auto
  }
  .tag-ico img{width:22px;height:22px;object-fit:contain}
  .tag-name{font-weight:600;font-size:.70rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* ✅ oculto el checkbox nativo y muestro un "check" circular */
  .tag-check{width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.20);display:grid;place-items:center;flex:0 0 auto}
  .tag-check::after{content:"";width:10px;height:10px;border-radius:999px;transform:scale(0);transition:transform .12s ease}
  .tag-card.is-on .tag-check{border-color:rgba(105,139,255,.9)}
  .tag-card.is-on .tag-check::after{transform:scale(1);background:rgba(105,139,255,.9)}

  .tag-hidden-input{position:absolute;opacity:0;pointer-events:none}



/*-------*/


  #bloque-secciones-adicionales ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
  }

  #bloque-secciones-adicionales li {
      margin-bottom: 4px;
      font-size: 0.95rem;
  }
  
.form-control {
    font-size: 0.9em;
    height: 40px;
    margin-top: 5px;
}

h2.tituloemp {
    font-family: oswald;
    font-size: 2em;
    margin-bottom: 1em;
}

input#id_precio {
    margin-top: 0;
}

small#hint_id_seccion {
    margin-top: 10px;
    font-size: 0.9em;
}

.container-body {
    padding: 15px;
}

.btn-prod.d-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/* Switch toggle minimalista */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.switch input { display: none; }
.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 24px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px; width: 18px;
  left: 3px; bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #ffcc00;
}
input:checked + .slider:before {
  transform: translateX(24px);
}



.theme-dark .bi-search::before {
    color: rgb(255, 255, 255) !important;
}


.theme-dark .tag-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 6px;
  border-radius:999px;
  background: rgb(255, 255, 255);
  border:1px solid rgba(0,0,0,.04);
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

i#themeToggle {
    background: #ff000000 !important;
	
}

.bi-search::before {
font-size: 18px;
}

.theme-dark button#back-to-top-btn {
    background: #e85e3147 !important;
}

body.theme-dark .modal-body h2.TituloItem {
    color: #313131 !important;
}

body.theme-dark .modal-body p.DescripcionItem {
    color: #313131;
}

body.theme-dark .modal-body p.Precio {
    color: #393939 !important;
}

.theme-dark button#openSearchBtn {
    background: #ff000000 !important;
}

.theme-dark button.btn-categorias {
    color: white;
}

body.theme-dark p.Precio.float-right.card-precio {
    color: #000000 !important;
}


/* Menu Publico con Foto */


button:focus {
    outline: none !important;
}

.secciones{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:6px;
  -webkit-overflow-scrolling: touch;
}

.btn-search{
  min-width: 38px;
  height: 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0;
}

.search-box{
  position: relative;
  background:#fff;
}

.search-box.is-hidden{
  display:none; /* clave: NO ocupa espacio */
}

.search-box .btncerrar{
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  font-size: 1.3rem;
}

#myInput{ padding-right: 42px; }


@media only screen and (max-width: 992px) {

#themeToggle {    
  position: absolute;
  top: 0px;
  right: 14px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  font-size: 1.05rem;
  cursor: pointer;
  transition: 
    background 0.2s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
  z-index: 20;
}

/* Hover */
#themeToggle:hover {
  background: rgba(0, 0, 0, 0.12);
  transform: scale(1.08);
  
}

/* Modo oscuro */
body.theme-dark #themeToggle {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

/* Íconos sólidos */
#themeToggle.bi-sun-fill {
  color: #ffb703;
}

#themeToggle.bi-moon-fill {
  color: #ffffff;
}


}


/* Botón flotante para abrir el modal de secciones */
.btn-secciones-flotante {
    position: fixed;
    bottom: 75px;
    right: 24px;
    z-index: 1;              /* por encima del contenido */
    /* border-radius: 999px; */
    padding: 5px 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
}

.seccionLink.is-active {
    opacity: 1 !important;
    filter: brightness(1.05);
    font-weight: 600;
}


/* Scroll horizontal suave */

.d-flex.overflow-auto::-webkit-scrollbar {
  height: 8px;
}
.d-flex.overflow-auto::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.d-flex.overflow-auto::-webkit-scrollbar-thumb:hover {
  background: #999;
}

    .redes {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 5px;
        justify-content: left;
    }


    a.seccionLink {
        opacity: 0.85;
    }

        .detalles-box {
        text-align: center;
        font-family: 'Poppins', sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
        color: #2c3e50;
        /* padding: 15px 20px; */
        border-radius: 12px;
        max-width: 600px;
        margin: 0 auto;
    }


    a.seccionLink:focus {
    opacity: 1;
    border: none !important;
    box-shadow: none !important;
    padding: 5px !important;
    }



    .notification_alert {
        display: none !important;
    }
    
    
    .navmenupub {
        position: relative !important;
    }
    
    
    .TituloItem {
        font-size: 16px;
    }
    
    h2.TituloItem {
        color: #0e0e0e;
    }
    
    
    .TituloSeccion::before {
        display: none;
    }
    
    
    
    
    .TituloSeccion {
        text-transform: uppercase;
        display: flex;
        text-align: left;
        font-family: oswald;
        font-size: 1.6em !important;
        margin-bottom: 10px;
        padding: 10px;
        /* color: rgb(0 0 0); */
        font-weight: 400;
        /* background: #efefef; */
        background: {{ empresa.color_principal|default:'#2b2b2b' }}2b;
        color: {{ empresa.color_principal|default:'#ffffff' }} !important;
        flex-direction: row;
        justify-content: center;
    }
    
    
    
    .descripcion_seccion { 
        font-family: 'Poppins';
        padding-left: 10px;
    }
    
    p.Precio {
        padding: 0% !important;
        color: #353535;
    }
    
    .Precio {
    font-family: 'Bitter', serif;
    font-size: 15px;
    margin-top: 8px;
    float: left;
    }
    

    
    .secciones.text-white a:hover {
        color: #f5f5f5;
    }

    .itemSepara {
            min-width: 49% !important;
        }


    .icon-social {
        background: {{ empresa.color_principal|default:'#2b2b2b' }}d6;
        color: {{ empresa.color_secundario|default:'#ffffff' }};
        border-radius: 100%;
        padding: 8px;
        margin-right: 2px;
    }        
    
    /* Mobile */
    
    @media only screen and (max-width: 992px) {
    
        .nombre-empresa{
            font-size: 1em !important;
        }

                .item_busqueda {
            position: sticky;
            top: 0; 
            z-index: 1020;
            background: #fff; 
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
        }

        .TituloItem{
            margin-top: 5px !important;
        }

        p.DescripcionItem{
            min-height: 0em !important;
        }

    
        .itemSepara {
            padding: 5px 5px !important;
            border-bottom: 1px solid #d7d7d7;
            background-color: #fff;
            border-radius: 0;
            min-width: 100% !important;
            box-shadow: none !important;
            min-height: 0;
            margin-inline-start: 0px;
            margin-bottom: 5px;
            margin-top: 5px;
            min-height: 130px !important;
        }
    
    
        .logo-max {
            width: 100% !important; 
            height: auto !important;
        }


        .secciones {
            display: flex;
            overflow-x: scroll;
            white-space: nowrap;
            gap: 10px;
            padding: 10px 0px 15px 0px
            
        }

        a.seccionLink {
            opacity: 0.85;
            transition: opacity 0.2s ease;
        }

        a.seccionLink:hover,
        a.seccionLink:focus,
        a.seccionLink:active {
            opacity: 1;
        }

    
    
    }
    
    .redes.sociales {
        border-top: 1px solid #8080804d;
        padding-top: 5px;
    }
    
    h2.slogan {
        font-size: 1em;
        font-family: 'Poppins';
        /* border-bottom: 1px solid #8080804d; */
        padding-bottom: 5px;
    }
    
    h3.domicilio {
        font-family: 'Poppins';
        padding-bottom: 2px;
    }
    
    picture.rounded.img-fluid.img-max:hover {
        cursor: pointer;
    }.desktop-secciones-row { display: none !important; }

  .mobile-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .btn-categorias {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    color: #222;
    padding: 6px 4px;
    white-space: nowrap;
  }

  .btn-categorias i {
    font-size: 1.1rem;
  }

  .search-mobile-wrap {
    position: relative;
    flex: 1;
  }

  /* Reusamos tu mismo input #myInput pero en mobile se ve “inline” */
  #searchBox {
    display: block !important;
    background: transparent;
  }

  #searchBox.is-hidden {
    display: block !important; /* en mobile NO lo ocultes */
  }

#myInput {
    width: 100%;
    height: 36px;
    padding-left: 34px;
    padding-right: 30px;

    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;

    background: transparent;
    box-shadow: none;

    font-size: 0.95rem;
    font-family: Poppins, sans-serif;
  }

  #myInput:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #999;
  }

  /* Ícono lupa */
  .search-mobile-icon {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    opacity: 0.4;
    pointer-events: none;
  }

  /* Botón X minimal */
  .search-box .btncerrar {
    background: none;
    border: none;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
  }

  .search-box .btncerrar i {
    font-size: 1rem;
    opacity: 0.45;
  }


.pill-seccion-info {
    position: absolute;
    background: {{ empresa.color_principal|default:'#2b2b2b' }};
    color: #fff;
    font-family: Poppins;
    font-size: .60rem;
    padding: .25rem .6rem;
    border-radius: 999px;
    white-space: nowrap;
    margin-bottom: 4px;
    bottom: -10px;
}


.tm-chip-name{ display:none; } /* por si existiera en otro lado */


.tm-chip > *:first-child{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width: 9ch;                   /* 🔥 más “vertical” */
}

/* precio grande */
.tm-chip-price{
  display:block;
  margin-top:.35rem;
  font-weight: 900;
  font-size: 1rem;               /* 🔥 más grande */
  color:#111;
}

/* hover */
.tm-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

/* responsive */
@media (max-width: 768px){
  .tm-chips{
    grid-template-columns: repeat(3, minmax(70px, 84px)); /* mantiene look */
  }
}

@media (max-width: 420px){
  .tm-chips{
    grid-template-columns: repeat(3, minmax(64px, 78px));
    gap: .5rem;
  }
  .tm-chip{ min-height: 88px; }
}
    
    



.tm-vars{ margin-top:.4rem; }

/* contenedor: más finos, centrados */
.tm-chips{
  display: flex;
flex-wrap: wrap;  gap: .6rem;
gap: .6rem;
  align-items: start;
 
  /* justify-content:center;  si preferís centrado */
}

/* card variante: MÁS ALTO, menos ancho */
.tm-chip{
  color: #4d4d4d;
   width: auto;  
  position: relative;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  border-radius: 8px;
  padding: 5px;
  min-height: 92px; 
   min-width: 88px;  
   max-width: 132px;               /* 🔥 más alto */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Poppins';
  font-weight: 800;                 /* más parecido a tu mock */
  line-height: 1.05;
  box-shadow: 0 6px 20px rgb(0 0 0 / 5%);
  overflow: hidden;                 /* para que la franja respete radius */
font-size: .8rem;
}
  

#langFab{
  position: fixed;
  left: 16px;
  bottom: 20px;          /* ajustá este valor si tu back-to-top está más arriba */
  z-index: 1060;         /* por encima de casi todo (modal backdrop usa 1040) */
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  background: #e5e5e5;
}

#langFab .lang-code{
  font-weight: 700;
  letter-spacing: .5px;
}

#langFab .lang-icon{
  font-size: 1.05rem;
  line-height: 1;
}

.lang-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lang-option{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  text-decoration: none !important;
  transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease;
}

.lang-option:hover{
  transform: translateY(-1px);  
  border-color: rgba(0,0,0,.14);
}

.lang-left{
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.lang-name{
  font-weight: 700;
  color: #111;
}

.lang-code{
  font-size: .85rem;
  color: rgba(0,0,0,.55);
  font-weight: 600;
  letter-spacing: .4px;
}

.lang-right{
  font-weight: 900;
  font-size: 1.05rem;
  opacity: .9;
}

.lang-option.is-active{
  border-color: rgba(13,110,253,.35); /* primary */
  
}

.lang-option.is-active .lang-name{
  color: #0d6efd; /* primary */
}

/* PLANES */

.text-plan {
    font-size: 0.8em;
    font-weight: 500;
    font-family: poppins;
}



.btn-lg {
    font-size: 1rem !important;
}

small.text-muted {
    font-size: 0.5em;
} 

@keyframes shine {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}

.textoani5000 {
    position: relative;
    width: 100%;
    background: #008000;
    padding: 5px;
    color: white;
    border-radius: 0px 15px 15px 0px;
    font-family: 'Poppins';
    font-size: .8em;
    overflow: hidden; /* importante para que el brillo no se desborde */
}

.textoani5000::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shine 1.5s ease-out infinite;
}

.card-header {
    border-radius: 15px 15px 0px 0px !important;
}

.card {
    border-radius: 15px;
}

.card-body {
    z-index: 9 !important;
    color: rgb(0, 0, 0);
    border-radius: 0px 0px 15px 15px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}


li.text-plan::before {
    content: "\F26E";
    margin-right: 2px;
    font-family: 'bootstrap-icons';
    color: green;
    font-weight: 800;
}

li.text-plan {
    padding: 0px 2em;
    text-align: left;
    line-height: 1.8;
}

h1.card-title.pricing-card-title::before {
    content: "$";
}


h1.card-title.pricing-card-title {
    line-height: 0.8;
}

li.text-plan.strong {
    font-weight: 800;
}

.cardcard{
  z-index: 9;
}



.hero-section {
  position: relative;
  background: #e85e31; /* Naranja */
  color: #fff;
  padding: 10px 20px 10px; /* 👈 menos padding abajo */
  text-align: center;
  overflow: hidden;
}

/* Curva inferior */
.hero-section::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 50%; /* 👈 curva más chica */
  background: #fff;
  clip-path: polygon(100% 100%, 0% 100% , 0.00% 11.00%, 1.67% 11.84%, 3.33% 12.66%, 5.00% 13.47%, 6.67% 14.25%, 8.33% 15.00%, 10.00% 15.70%, 11.67% 16.35%, 13.33% 16.95%, 15.00% 17.47%, 16.67% 17.93%, 18.33% 18.31%, 20.00% 18.61%, 21.67% 18.83%, 23.33% 18.96%, 25.00% 19.00%, 26.67% 18.96%, 28.33% 18.83%, 30.00% 18.61%, 31.67% 18.31%, 33.33% 17.93%, 35.00% 17.47%, 36.67% 16.95%, 38.33% 16.35%, 40.00% 15.70%, 41.67% 15.00%, 43.33% 14.25%, 45.00% 13.47%, 46.67% 12.66%, 48.33% 11.84%, 50.00% 11.00%, 51.67% 10.16%, 53.33% 9.34%, 55.00% 8.53%, 56.67% 7.75%, 58.33% 7.00%, 60.00% 6.30%, 61.67% 5.65%, 63.33% 5.05%, 65.00% 4.53%, 66.67% 4.07%, 68.33% 3.69%, 70.00% 3.39%, 71.67% 3.17%, 73.33% 3.04%, 75.00% 3.00%, 76.67% 3.04%, 78.33% 3.17%, 80.00% 3.39%, 81.67% 3.69%, 83.33% 4.07%, 85.00% 4.53%, 86.67% 5.05%, 88.33% 5.65%, 90.00% 6.30%, 91.67% 7.00%, 93.33% 7.75%, 95.00% 8.53%, 96.67% 9.34%, 98.33% 10.16%, 100.00% 11.00%);
}


  @media (max-width: 576px) {
  .textoani5000 {    
    width: 100%;
  }

li.text-plan {
    padding: 0px 0em;
}

.text-plan {
    font-size: 0.8em;
}

.hero-section{
  overflow: visible;
  padding: 0px;
  width: 101%;
  margin-left: -1px;
}

    img.logo25 {
      width: 230px;
      padding: 10px;
      padding-top: 15px;
    }



.hero-section::after {
clip-path: polygon(100% 100%, 0% 100% , 0.00% 59.66%, 2.00% 59.26%, 4.00% 58.11%, 6.00% 56.30%, 8.00% 53.95%, 10.00% 51.25%, 12.00% 48.40%, 14.00% 45.62%, 16.00% 43.13%, 18.00% 41.10%, 20.00% 39.69%, 22.00% 39.02%, 24.00% 39.13%, 26.00% 40.01%, 28.00% 41.59%, 30.00% 43.77%, 32.00% 46.36%, 34.00% 49.18%, 36.00% 52.01%, 38.00% 54.63%, 40.00% 56.85%, 42.00% 58.50%, 44.00% 59.45%, 46.00% 59.63%, 48.00% 59.02%, 50.00% 57.68%, 52.00% 55.70%, 54.00% 53.24%, 56.00% 50.48%, 58.00% 47.63%, 60.00% 44.91%, 62.00% 42.52%, 64.00% 40.65%, 66.00% 39.43%, 68.00% 38.97%, 70.00% 39.29%, 72.00% 40.37%, 74.00% 42.13%, 76.00% 44.44%, 78.00% 47.12%, 80.00% 49.96%, 82.00% 52.75%, 84.00% 55.29%, 86.00% 57.36%, 88.00% 58.83%, 90.00% 59.57%, 92.00% 59.54%, 94.00% 58.73%, 96.00% 57.20%, 98.00% 55.07%, 100.00% 52.51%);
shape-rendering: geometricPrecision;
  }

   }