@media (max-width: 575px) {
  
   #am-mapu{
 overflow-x:hidden
}
#am-kawell {
z-index: 9999 !important;
background: transparent;
position: absolute;
background: rgba(0, 0, 0, 0.16);
backdrop-filter: saturate(180%) blur(20px);
height: 76px !important;
a {
    color: #fff;
}
i {
    color: #ffcf2f;
    padding: 0px 4px;
}
.container {
    z-index: 9999 !important;
    background: transparent;
    padding: 12px 25px !important;
}
.burger-icon> span {
    background-color: #ffcf2f;
}
.products-number {
    color: #fff;
}
.wuñelfe {
    height: 40px !important;
    display: inline-flex;
    margin-top: 3px;
    align-items: center;
    width: 150px;
    background-image: url("https://carritodecompras.cl/images/wuñelfe3a.png");
    background-size: contain;
    background-repeat: no-repeat;
}
ul {
    list-style: none;
}
.am-megamenu-parent {
    margin: 0 10px;
}
.am-megamenu-parent:hover .am-dropdown .am-dropdown-inner {
    padding: 40px;
    border-radius: 15px;
    background: #000815;
}
}





#am-weipife .principales p {
color: #fff;
font-size: 1rem;
text-shadow: 0.1em 0.1em 0.2em #5a064d !important;
line-height: 1.3rem;
padding-top: 0.6rem !important;
text-align: center !important;
}
h2 {
    line-height: 2.5rem !important;
    margin-bottom: 24px !important;
    font-size: 1.7rem !important;
}
/* Estilos base para todos los botones */
/* Estilos base para todos los botones */
.btnX {

margin:0 10px;

}

/* Clase para botones con altura reducida */
.btnX-A {
height: 45px;
font-weight: bold;
}

/* Botón con borde doble y color amarillo */
.btnX-bdl {
border: 3px double #f7c600;
color: #f7c600 !important;
box-shadow: 0 20px 30px -6px rgba(247, 198, 0, 0.3);
}

/* Botón con fondo amarillo */
.btnX-amarillo {
background: var(--gradient-amarillo-boton) !important;
color: #1a1a1a;
box-shadow: 0 20px 30px -6px rgba(247, 198, 0, 0.3);
}

.header-sticky{
   background: rgba(250, 250, 252, 0.8) !important;
}

.header-sticky .burger-icon> span{
   background-color: #053262 !important;
}   
.header-sticky .wuñelfe{
    background-image: url("https://carritodecompras.cl/images/wuñelfe2.png") !important;
}
.header-sticky .products-number{
      color: #000 !important;
}
.header-sticky a{
    color: #053262 !important;
}
.header-sticky i{
    color: #053262 !important;
}
#am-main-body .curiche h1 {
font-size: 2.3rem;
padding: 40px 10px 0 !important;
color: #fff;
font-size: 2.2rem !important;
}
#am-weipife .principales h2 {
padding-top: 132px;
color: #fdd20a;
text-shadow: 0.1em 0.1em 0.2em #5a064d;
padding-right: 10px !important;
padding-left: 10px !important;
}
#am-main-body .curiche p {
color: #86868b;
text-align: center;
}
#am-main-body .curiche .container {
padding: 0;
}

.bluedark #am-main-body #mtop {
margin-top: 0px !important;
color: #86868b;
}

.mb-5 {
margin-bottom: 1rem !important;
}

#am-weipife .principales .box {
padding-top: 20px;
}

#am-weipife .principales .fondo {
height: 720px !important;
  background-color: rgba(0,0,0,0.9);
}

  

.am-megamenu-parent {
float: left !important;
}
.offcanvas-menu .am-module {
padding: 20px !important;
}
.offcanvas-menu .fas {
color: #ffcf2f;
}
#am-bottom li a {
color: #fff;
text-align: center;
}
#am-bottom2 .nav.menu.mod-list {
display: flex;
/* Flexbox para centrar */
flex-direction: column;
/* Coloca los elementos en columna */
align-items: center;
/* Centra horizontalmente los elementos */
padding: 0;
/* Elimina el padding del ul */
margin: 0;
/* Elimina el margen del ul */
list-style: none;
/* Quita los puntos o estilos de lista */
}
#am-bottom2 .nav.menu.mod-list li {
margin: 10px 0;
/* Espaciado entre elementos */
text-align: center;
/* Centra el texto */
}

.carousel-indicators [data-bs-target] {
height: 20px;
width: 20px;
border-radius: 25px;
border-top: none !important;
border-bottom: none !important;
margin: 0px 10px !important;
}
.am-scroll-up {
bottom: 100px !important;
right: 15px !important;
}
#am-slide .img {
display: none;
}
.gdark {
margin: 70px 10px;
}
.offcanvas-active .burger-icon> span, #modal-menu-toggler.active .burger-icon> span {
background-color: #fff !important;
}
.offcanvas-menu {
background-color: rgba(0, 0, 0, 0.9);
box-shadow: ;
a {
    color: #fff !important;
}
li {
    color: #fff !important;
    margin: 5px 0;
}
padding: 10px;
box-shadow: black;
}

.btn {
margin: 0 auto;
}
.introduccion .botonwebflaco {
background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b);
}
.botonwebflaco {
box-shadow: 0 20px 30px -6px rgba(171, 88, 219, 0.5);
width: 150px;
height: 40px;
border-radius: 50px;
outline: none;
border: none;
cursor: pointer;
font-size: 16px;
color: #5a064d;
transition: all 0.3s ease-in-out;
padding: 10px 25px;
}
/* Estilos para #am-kimche .nütram y #am-kimche .pura */
#am-kimche .nütram,
#am-kimche .pura {
padding: 10px !important;
color: #86868b;
}

/* Estilos para #am-kimche .nütram h2 y #am-kimche .pura h2 */
#am-kimche .nütram h2,
#am-kimche .pura h2 {
font-size: 2.3rem !important;
line-height: 2.3rem !important;
font-weight: bold;
margin-bottom: 40px;
margin-top: 70px !important;
}

/* Estilos para #am-kimche .nütram p y #am-kimche .pura p */
#am-kimche .nütram p,
#am-kimche .pura p {
font-size: 1.2rem;
line-height: 1.7rem;
font-weight: 500;
padding: 20px;
text-align: center;
}

#am-kimche .nütram .col-sm-12,
#am-kimche .pura .col-sm-12 {
padding: 0 0 0 10px;
}
#am-kimche .nütram .kuwu img,
#am-kimche .pura .kuwu img {
margin-bottom: 70px;
}
#am-kimche .nütram .icalma img,
#am-kimche .pura .icalma img {
padding: 0px 60px;
margin: 100px 0 0;
}
#am-kimche .nütram .box {
padding: 150px 0;
}
.palin1 div img {
margin: 0 auto;
}
.k13c .card-header {
background: radial-gradient(780px at 37.8% 100.3%, rgb(19, 55, 115) 2.2%, rgb(32, 7, 80) 20.2%, rgb(27, 88, 111) 58.6%, rgb(115, 88, 44) 75%, rgb(99, 19, 90) 89.6%, rgb(12, 51, 76) 96.1%) !important;
}
.k13b .card-header {
background: linear-gradient(180.8deg, rgb(139, 10, 130) 6.9%, rgb(73, 6, 70) 73.2%) !important;
}
.k13a .card-header {
background: radial-gradient(486px at 37.5% -17.2%, rgb(255, 2, 2) 0%, rgb(254, 78, 172) 90%);
}
.kani4 {
background: #fdd51e;
border-radius: 20px;
padding: 25px 20px;
box-shadow: 2px 4px 12px #00000014;
}
#am-antu .palin1 .paliwe {
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(16, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
height: auto;
div {
    margin: 10px 0;
}
}
#am-antu .palin1 .kani13 {
grid-area: 1 / 5 / 9 / 9;
/* Posición original */
}
@media (max-width: 768px) {
/* Ajusta según el tamaño de pantalla deseado */
#am-antu .palin1 .paliwe {
    grid-template-columns: 1fr;
    /* Una sola columna en móvil */
    grid-template-rows: auto;
    /* Ajustar las filas automáticamente */
}
#am-antu .palin1 .kani13 {
    grid-area: 1 / 1 / auto / 1;
    /* Colocarlo en la primera posición */
}
#am-antu .palin1 .kani13 img {
    margin: 0 auto;
}
#am-antu .palin1 .kani1, #am-antu .palin1 .kani2, #am-antu .palin1 .kani3, #am-antu .palin1 .kani4, #am-antu .palin1 .kani5, #am-antu .palin1 .kani6, #am-antu .palin1 .kani7, #am-antu .palin1 .kani8, #am-antu .palin1 .kani9, #am-antu .palin1 .kani10, #am-antu .palin1 .kani11, #am-antu .palin1 .kani12 {
    grid-area: auto;
    /* El resto de los elementos seguirá el flujo normal */
}
}
#am-antu {
& h1 {
    background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 50px 0px 0;
    text-align: center;
    font-weight: bold;
    font-size: 2.5rem;
}
& h5 {
    padding: 25px 35px;
}
}
#am-newen {
& .carousel, & canvas {
    height: 680px !important;
    width: 100%;
}

& .efecto .row {
    margin: 0 auto;
    padding: 35px 0 !important;
}
& .efecto p {
    font-size: 1rem !important;
    margin-bottom: 20px !important;
    text-align: center;
    line-height: 1.5rem;
}
& .box {
    padding-top: 15px;
    display: block !important;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    height: 80px !important;
    margin-top: 30px;
}
& .box button {
    width: 150px !important;
    height: 60px;
    border-radius: 50px;
    font-size: 18px !important;
}
.carousel-inner {
    background: rgba(0, 0, 0, 0.16);
    backdrop-filter: saturate(30%) blur(5px);
    padding: 40px;
    border-radius: 0px;
    height: 680px;
}
}


.diapo .slide {
padding-right: 0px;
}
.diapo .box-1 .img {
padding-left: 10px;
padding-right: 10px;
}
.diapo .box {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-evenly;
height: 5vh;
text-align: center;
margin: 0 auto;
width: 150px;
}
.diapo .gdark {
padding: 0px !important;
background: transparent !important;
backdrop-filter: none !important;
padding: 40px;
border-radius: 15px;
}
#am-top1 {
display: none;
}

.diapo .efecto p {
font-size: 1rem;
}
.diapo .efecto .row {
width: auto !important;
margin: 0 auto;
padding: 70px 0;
}
.diapo .row .col-12 {
padding: 5px;
text-align: center;
}
.diapo .row .col-12 img {
padding: 0 40px;
}
.diapo .slide h1 {
font-size: 1.8rem !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
display: block;
font-size: 18px !important;
padding: 10px 0px;
position: relative;
line-height: 18px;
opacity: 0.7;
transition: 0.3s;
}
.küpal h1 {
padding: 30px 0 0;
text-align: center;
font-size: 2rem;
font-weight: 300;
}
.küpal .herranavdiv5 {
text-align: center;
font-size: 12px;
padding: 5px 0 30px 0 !important;
}
.div5 {
height: 200px
}
.detalle {
text-align: center;
}
.puñu .detalle .descuento {
float: none;
}
.puñu .detalle .precioNormal {
text-align: center !important;
margin-top: 10px !important;
width: auto !important;
}
.puñu .parent {
grid-template-columns: 1fr !important;
grid-template-rows: none !important;
}
.puñu .div1 {
grid-area: auto !important;
margin-right: 0 !important;
}
.puñu .div4 {
grid-area: auto !important;
margin-top: .5rem !important;
}
.puñu .div5 {
grid-area: auto !important;
margin-top: .5rem !important;
}
.puñu .div6 {
grid-area: auto !important;
margin-top: .5rem !important;
}
.puñu .div2 {
grid-area: auto !important;
margin-right: 0 !important;
}
.puñu .div3 {
grid-area: auto !important;
margin-right: 0 !important;
}
.puñu .div1 {
order: 1;
}
.puñu .div4 {
order: 2;
}
.puñu .div5 {
order: 3;
}
.puñu .div6 {
order: 4;
}
.puñu .div2 {
order: 5;
}
.puñu .div3 {
order: 6;
}
.header-modules button {
padding: 8px !important;
}
#offcanvas-toggler {
display: inline-flex !important;
}
.wuñelfe-image {
height: 50px !important;
}
.product.col-xs-6:nth-child(2n+1) {
/* selecciona el primer elemento de cada par */
padding-right: 5px !important;
padding-left: 0 !important;
}
.product.col-xs-6:nth-child(2n) {
/* selecciona el segundo elemento de cada par */
padding-left: 5px !important;
padding-right: 0 !important;
}
.puñu .detalle .in-stock {
text-align: center;
}
.puñu .row>* {
text-align: center;
}
#am-menu [class^="fa-"]::before, #am-menu [class*=" fa-"]::before {
margin-left: -4px !important;
}
.datagrid {
width: 100%;
margin: 0 auto;
float: left;
display: block;
padding: 10px
}
.colores strong {
text-align: right
}
.productdetails-view .vm-product-details-container .product-price>div {
display: inherit;
}
.descuento, .botonnoti {
margin: 0 auto;
float: none;
display: block;
/* Asegura que el elemento sea un bloque y no en línea */
width: fit-content;
/* Ajusta el ancho al contenido */
margin-left: auto;
/* Margen automático a la izquierda */
margin-right: auto;
/* Margen automático a la derecha */
padding: 0px;
}
.colores, .talla {
margin: 0 auto;
float: left;
display: block;
width: 100%;
padding: 10px
}
.precioNormal, .precioBase {
margin: 0 auto;
float: none;
display: block;
width: fit-content;
padding: 0 10px;
}
.product .image-block {
max-height: 240px !important;
}
.df {
text-align: center;
}
.productdetails-view .vm-product-details-container .in-stock {
color: #12416f;
font-size: 16px;
margin: 0 auto;
text-align: center;
}
.datagrid table.movil {
display: block;
overflow-x: auto;
}
.left-xs {
text-align: left !important;
}
.right-xs {
text-align: right !important;
}
.center-xs {
text-align: center !important;
}
.p-xs-0 {
padding: 0 !important;
}
.p-xs-l-0 {
padding-left: 0 !important;
}
.p-xs-r-0 {
padding-right: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.5rem;
text-align: center;
line-height: 1.2;
}

#am-bottom .am-module .am-module-title {
text-align: center;
}
.product .image-block a .pro-image {
max-height: 240px !important;
}
}
@media (max-width: 780px) {
#offcanvas-toggler {
display: inline-flex !important;
margin-left: 12px !important;
}
.typing {
        width: auto !important;
        font-size: 1rem !important;
        white-space: normal !important;
        border-right: none !important;
        animation: none !important;
  
}
    /* Contenedor principal centrado */
    #am-rakin {
        text-align: center;
        padding: 30px 0 20px;
    }

    /* Breadcrumb en una sola línea */
    #am-rakin .rakin-mew {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: 4px; /* separación suave entre elementos */
        margin: 0 auto;
        padding: 0;
    }

    /* Los li en línea */
    #am-rakin .rakin-mew li {
        list-style: none;
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
    #am-nutramkan .bloqueder{
        padding: 0 70px;
        text-align: center;
        
    }
    #am-nutramkan .bloqueizq img{
        padding: 70px 10px 0px 10px;
    }
    .p-10{
        padding: 10px 10px;
    }
    .ico-center
    {
      text-align:center!important  
    }
    .box-center
    {
  --bs-gutter-x:-1rem !important
}
   .box-center
    {
  --bs-gutter-y:1rem !important
}
}