/** Shopify CDN: Minification failed

Line 412:1 Expected "}" to go with "{"

**/
/*
=========================================
ALITO THEME
Versión: 1.0
Autor: Gabriel + ChatGPT

NO ELIMINAR ESTE ARCHIVO
Aquí vivirá todo el diseño del tema.
=========================================
*/


/*======================================
VARIABLES DEL TEMA
======================================*/

:root{

    --alito-black:#000000;
    --alito-dark:#0f0f0f;

    --alito-gold:#d8a000;
    --alito-gold-light:#f2bf27;

    --alito-white:#ffffff;
    --alito-gray:#cfcfcf;

    --alito-border:rgba(216,160,0,.35);

    --alito-radius:18px;

    --alito-transition:.30s ease;

}


/*======================================
CONFIGURACIÓN GENERAL
======================================*/

.alito{

    background:var(--alito-black);

    color:var(--alito-white);

}


.alito-container{

    max-width:1200px;

    margin:auto;

    padding-left:20px;

    padding-right:20px;

}


.alito-title{

    font-size:64px;

    font-weight:800;

    line-height:1.05;

    color:white;

}


.alito-subtitle{

    color:var(--alito-gray);

    font-size:24px;

    line-height:1.6;

}


.alito-gold{

    color:var(--alito-gold);

}



/*======================================
BOTONES
======================================*/

.alito-button{

    background:var(--alito-gold);

    color:black;

    border-radius:14px;

    padding:14px 28px;

    text-decoration:none;

    transition:var(--alito-transition);

}


.alito-button:hover{

    transform:translateY(-3px);

}



/*======================================
RESPONSIVE
======================================*/

@media(max-width:768px){

.alito-title{
    font-size:32px;
    font-weight:800;
    line-height:1.05;
    margin-bottom:12px;
}

.alito-subtitle{
    font-size:15px;
    line-height:1.35;
    margin-top:8px;
    margin-bottom:14px;
}

}
/*==================================================
ALITO HERO
==================================================*/

.alito-hero{
    background:#000;
    text-align:center;
    padding:20px;
    min-height:auto !important;
    height:auto !important;
}

.alito-logo{

    width:280px;

    max-width:90%;

    margin:0 auto 40px;

    display:block;

}

.alito-divider{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin:16px 0;

}

.alito-divider .line{

    width:120px;

    height:0.3px;

    background:var(--alito-gold);

}

.shoe-icon{
    width:28px;
    height:28px;
    color:var(--alito-gold);
}

@media(max-width:768px){

.alito-hero{

padding-top:20px;

padding-bottom:20px;

}

.alito-logo{
    width:160px;
    max-width:160px;
    height:auto;
    display:block;
    margin:0 auto 12px;
}

.alito-divider .line{

width:80px;

}

.shoe-icon{

width:22px;

}

}

/* ===== Tarjetas de tallas ===== */

.alito-sizes{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:18px;
    max-width:290px;
    margin-left:auto;
    margin-right:auto;
}

.size-card{
    background:#111;
    border:0.3px solid #d8a000;
    border-radius:8px;
    padding:8px 4px;
    min-height:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    transition:.25s;
}

.size-card:hover{
  background:#d8a000;
}

.size{
    display:block;
    color:#fff;
    font-size:38px;
    font-weight:800;
    line-height:1;
    margin-bottom:6px;
}

.models{
    display:block;
    color:#d8a000;
    font-size:18px;
    font-weight:600;
    line-height:1.2;
}

.size-card:hover .models,
.size-card:hover .size{
  color:#000;
}

@media(max-width:768px){

  .alito-sizes{
    grid-template-columns:repeat(3,1fr);
    gap:6px;
  }

  .size-card{
    padding:6px 4px;
    min-height:58px;
    border-radius:8px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

  .size{
    font-size:36px;
    font-weight:800;
    line-height:1;
}

.models{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2px;
    margin-top:2px;
    font-size:13px;
    font-weight:400;
}

.model-number{
    color:#d8a000;
    font-weight:700;
}

.model-text{
    color:#ffffff;
    font-weight:400;
}

.alito-container{
    max-width:1200px;
    margin:auto;
    padding-left:20px;
    padding-right:20px;
}

/* Ocultar flechas del carrusel */
.product .slider-buttons {
  display: none !important;
}
/* Ocultar impuestos incluidos */
.product__tax {
  display: none !important;
}
/* Ocultar selector de cantidad */
.product-form__quantity,
.quantity {
  display: none !important;
}
/* Ocultar botón Share */
.share-button,
.product__share-details,
.share-button__button {
  display: none !important;
}
/* Reducir espacio entre precio y descripción */

.price {
  margin-bottom: 0 !important;
}

.product__description {
  margin-top: -1rem !important;
}
/* Reducir espacio entre la barra superior y la galería */

.product {
    margin-top: -2rem !important;
    padding-top: 0 !important;
}

.product__media-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.product__media {
    margin-top: 0 !important;
}

/* Lupa blanca en la galería */

.product__modal-opener svg,
.product__media-toggle svg,
.product__media-icon svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

/* Icono de cerrar zoom en blanco */

.product-media-modal__toggle svg,
.product-media-modal__toggle path {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

.collection-hero__title,
.collection-hero .title,
.collection-hero h1 {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
    text-transform: uppercase;
    margin: 0 0 12px 0 !important;
}