/* *****************************************************************
Theme Name: Pisco Eterno
Theme URI: https://piscoeterno.cl/
Description: Theme para la web de Pisco eterno, desarrollado en html/js/css.
Author: Animal Creativo
Author URI: https://www.animalcreativo.cl
Version: 2026-06-01
****************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@font-face { font-family: 'TC Kuareen Trial Version'; src: url('assets/fonts/TCKuareenTrialVersion-Regular.woff2') format('woff2'), url('assets/fonts/TCKuareenTrialVersion-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SCHABO'; src: url('assets/fonts/SCHABO-Condensed.woff2') format('woff2'), url('assets/fonts/SCHABO-Condensed.woff') format('woff'); font-weight: normal; font-style: normal; }
:root { --font: "Noto Sans", sans-serif; --negro: #000; --dorado: #9C712C; --gris1:#161615; --gris2:#F1F1F1; --gris3:#DBDBDB; --gris4:#484848; --blanco: #ffffff; --test: #00ff2d; --testhover: #00d290; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
a, a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
button, button:hover, button:focus { transition: all 0.3s ease; }
body { display: flex; min-height: 100vh; flex-direction: column; font-family: var(--font); font-size: 16px; line-height: 22px; color: #565655; background-color: var(--blanco); }
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-desktop { display: block !important; }
.d-mobile { display: none !important; }

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width:767px) {
    .d-desktop { display: none !important; }
    .d-mobile { display: block !important; }
}
.container-fluid { width: 100%; clear: both; }
.container { display: flex; width: 1220px; margin: 0 auto; }
section#contenido { flex: 1; }
a.boton { border-bottom: 8px solid #feff00; height: fit-content; }
a.boton span { background-color: #feff00; padding: 10px 50px; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; color: #ff0707; text-transform: uppercase; display: block; margin-bottom: 8px; }
a.boton:hover { border-bottom-color: #00fffa; }
a.boton:hover span { background-color: #00fffa; color: #eee; }
a.boton.boton-blanco { border-bottom-color: var(--blanco); }
a.boton.boton-blanco span { background-color: var(--blanco); color: var(--negro); }
a.boton.boton-blanco:hover { border-bottom-color: var(--gris3); }
a.boton.boton-blanco:hover span { background-color: var(--gris3); }
a.boton.boton-negro { border-bottom-color: var(--negro); }
a.boton.boton-negro span { background-color: var(--negro); color: var(--blanco); }
a.boton.boton-negro:hover { border-bottom-color: var(--gris4); }
a.boton.boton-negro:hover span { background-color: var(--gris4); }
#bajoheader { width: 100%; height: 100px; }
body.pageid-18 #bajoheader { display: none; }

/* HEADER  */
header { height: 100px; width: 100%; position: fixed; background-color: var(--blanco); display: flex; align-items: center; justify-content: center; z-index: 9; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
header .container { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; gap: 20px; }
header .container .box { }
header .container .box1 { margin-right: auto; }
header .container .box2 { }
header .container .box3 { width: 25px; height: 38px; }
header .container .box a.logoheader { display: flex; align-items: center; }
header .container .box a.logoheader .logo_pisco_eterno { margin-right: 60px; width: 90px; }
header .container .box a.logoheader .logo_solo_colo { width: 40px; }
header .container .box nav { }
header .container .box nav ul { display: flex; }
header .container .box nav ul li { list-style-type: none; }
header .container .box nav ul li a { text-align: left; font: normal normal normal 14px/21px Oswald; letter-spacing: 0px; color: var(--dorado); text-transform: uppercase; padding: 25px 20px; background-repeat: no-repeat; background-position: center top; }
header .container .box nav ul li a:hover, header .container .box nav ul li.current-menu-item a { background-image: url(img/ic_estrella_menu_negra.svg); background-repeat: no-repeat; background-position: center top; color: var(--negro); }
header .container .box a.cart-button { background-image: url(img/ic_carro_negro.svg); width: 25px; height: 30px; position: relative; display: flex; justify-content: center; align-items: flex-start; background-position: bottom center; background-repeat: no-repeat; }
header .container .box a.cart-button .cart-count { text-align: center; font: normal normal 600 14px/19px Noto Sans; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; position: absolute; width: 25px; padding-left: 5px; }
body.pageid-18 header .container .box a.cart-button { background-image: url(img/carrito_home_dorado.svg); }
body.pageid-18 header .container .box a.cart-button .cart-count { color: var(--dorado); }
body.pageid-9 header .container .box2, body.pageid-9 header .container .box3 { display: none; }
body.pageid-18 header { background: #00000066 0% 0% no-repeat padding-box; }
body.pageid-18 header .container .box nav ul li a { }
body.pageid-18 header .container .box nav ul li a:hover, body.pageid-18 header .container .box nav ul li.current-menu-item a { color: var(--blanco); background-image: url(img/ic_estrella_menu_blanca.svg); }

/* FICHA */
#ficha { display: flex; flex-direction: column; }
#ficha.ficha-blanco { background-color: #F1F1F1; }
#ficha.ficha-copa { background-color: #1E1E1E; }
#ficha.ficha-negro, #ficha.ficha-limitada { background: #010101; background: linear-gradient(0deg, rgba(1, 1, 1, 1) 0%, rgba(36, 36, 36, 1) 100%); }
#ficha .fila { }
#ficha .fila-superior { padding-top: 80px; padding-bottom: 140px; }
#ficha .fila-superior .container { display: flex; flex-direction: row; justify-content: flex-start; gap: 65px; }
#ficha .fila-superior .columna { }
#ficha .fila-superior .col-media { width: 520px; display: flex; flex-direction: column; }
#ficha .fila-superior .col-media .arriba { display: flex; justify-content: space-between; flex-direction: row; }
#ficha .fila-superior .col-media .arriba .accesorios { display: flex; flex-direction: column; gap: 15px; width: 100px; }
#ficha .fila-superior .col-media .acciones { padding-top: 10px; display: flex; justify-content: center; flex-direction: column; }
#ficha .fila-superior .col-media .acciones .precios { font: normal normal normal 22px/32px Oswald; letter-spacing: 0px; color: var(--test); text-transform: uppercase; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
#ficha .fila-superior .col-media .acciones .botones { display: flex; justify-content: center; }
#ficha .fila-superior .col-media .acciones .botones .custom-add-to-cart { display: flex; align-items: center; gap: 0; }
#ficha .fila-superior .col-media .acciones .botones .qty-btn { width: 40px; height: 40px; border: 1px solid var(--test); background: transparent; color: var(--test); font-size: 34px; cursor: pointer; }
#ficha .fila-superior .col-media .acciones .botones .qty-btn:hover { background-color: var(--test); }
#ficha .fila-superior .col-media .acciones .botones .qty-input { border: none; background: transparent; text-align: center; font: normal normal normal 18px/26px Oswald; letter-spacing: 0px; color: var(--test); text-transform: uppercase; width: 40px; padding-left: 15px; }
#ficha .fila-superior .col-media .acciones .botones .add-to-cart-btn { padding: 7px 24px; border: none; background: var(--test); cursor: pointer; text-align: center; font: normal normal normal 18px/26px Oswald; letter-spacing: 0px; color: #008ea7; text-transform: uppercase; margin-left: 15px; }
#ficha .fila-superior .col-media .acciones .botones .add-to-cart-btn:hover { background-color: var(--testhover); }
#ficha .fila-superior .col-data { width: 560px; }
#ficha .fila-superior .col-data h1 { text-align: left; font: normal normal normal 54px/34px SCHABO; letter-spacing: 2.7px; color: var(--test); text-transform: uppercase; margin-bottom: 5px; }
#ficha .fila-superior .col-data h2 { text-align: left; font: normal normal normal 28px/34px TC Kuareen Trial Version; letter-spacing: 5px; color: var(--test); text-transform: uppercase; margin-bottom: 60px; }
#ficha .fila-superior .col-data .datos { display: flex; justify-content: flex-start; gap: 60px; margin-bottom: 30px; }
#ficha .fila-superior .col-data .datos .box { }
#ficha .fila-superior .col-data .datos .box h4 { text-align: left; font: normal normal normal 22px/32px Oswald; letter-spacing: 0px; color: var(--test); text-transform: uppercase; margin-bottom: 10px; }
#ficha .fila-superior .col-data .datos .box p { text-align: left; font: normal normal normal 16px/20px Noto Sans; letter-spacing: 0px; color: var(--test); }
#ficha .fila-superior .col-data #acordeon { border-top: 1px solid var(--test); }
#ficha .fila-superior .col-data #acordeon .item { border-bottom: 1px solid var(--test); }
#ficha .fila-superior .col-data #acordeon .superior { display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; cursor: pointer; user-select: none; text-align: left; font: normal normal normal 22px/32px Oswald; letter-spacing: 0px; color: var(--test); text-transform: uppercase; }
#ficha .fila-superior .col-data #acordeon .chevron { display: inline-flex; flex-shrink: 0; transition: transform 0.35s ease; }
#ficha .fila-superior .col-data #acordeon .chevron svg { width: 30px; height: 30px; fill: none; stroke: var(--test); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#ficha .fila-superior .col-data #acordeon .item.open .chevron { transform: rotate(180deg); }
#ficha .fila-superior .col-data #acordeon .inferior { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; }
#ficha .fila-superior .col-data #acordeon .item.open .inferior { grid-template-rows: 1fr; }
#ficha .fila-superior .col-data #acordeon .inferior-inner { overflow: hidden; }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido { padding: 0 10px 30px 10px; text-align: left; font: normal normal normal 14px/20px Noto Sans; letter-spacing: 0px; color: var(--test); }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes { }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box { margin-bottom: 30px; padding-left: 60px; background-size: 42px; background-repeat: no-repeat; }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box h3 { margin-bottom: 5px; text-align: left; font: normal normal bold 14px/20px Noto Sans; letter-spacing: 0px; color: var(--test); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-vista { background-image: url(img/vista-blanco.svg); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-aroma { background-image: url(img/aroma-blanco.svg); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-boca { background-image: url(img/boca-blanco.svg); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-vista { background-image: url(img/vista-negro.svg); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-aroma { background-image: url(img/aroma-negro.svg); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-boca { background-image: url(img/boca-negro.svg); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-vista { background-image: url(img/vista-dorado.svg); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-aroma { background-image: url(img/aroma-dorado.svg); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box-boca { background-image: url(img/boca-dorado.svg); }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones { padding-top: 30px; display: flex; justify-content: flex-end; gap: 15px; }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a { text-align: center; font: normal normal normal 18px/26px Oswald; letter-spacing: 0px; color: var(--test); text-transform: uppercase; padding: 7px 50px; border: 1px solid var(--test); }
#ficha .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a:hover { color: var(--testhover); background-color: var(--test); }
#ficha .fila-inferior { }
#ficha .fila-inferior .container { display: flex; flex-direction: column; }
#ficha .fila-inferior .container .imagenes { display: flex; justify-content: space-between; }
#ficha .fila-inferior .container .imagenes img { }
#ficha .fila-inferior .container .frase { width: 100%; height: 250px; display: flex; align-items: center; justify-content: center; font: normal normal normal 40px/44px SCHABO; letter-spacing: 2px; color: var(--test); text-transform: uppercase; }
#ficha.ficha-limitada .fila-superior .col-data #acordeon { border-top: 1px solid var(--dorado); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .item { border-bottom: 1px solid var(--dorado); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .chevron svg { stroke: var(--dorado) }
#ficha.ficha-limitada .fila-superior .col-data h1, #ficha.ficha-limitada .fila-superior .col-data .datos .box h4, #ficha.ficha-limitada .fila-superior .col-data .datos .box p, #ficha.ficha-limitada .fila-superior .col-data #acordeon .superior, #ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido, #ficha.ficha-limitada .fila-inferior .container .frase, #ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box h3, #ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a, #ficha.ficha-limitada .fila-superior .col-data h2 { color: var(--dorado); }
#ficha.ficha-limitada .fila-superior .col-media .acciones .precios, #ficha.ficha-limitada .fila-superior .col-media .acciones .botones .qty-input { color: var(--blanco); }
#ficha.ficha-limitada .fila-superior .col-media .acciones .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); }
#ficha.ficha-limitada .fila-superior .col-media .acciones .botones .qty-btn:hover { background-color: var(--gris4); }
#ficha.ficha-limitada .fila-superior .col-media .acciones .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); }
#ficha.ficha-limitada .fila-superior .col-media .acciones .botones .add-to-cart-btn:hover { background-color: var(--gris3); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a { background-color: transparent; border: 1px solid var(--dorado); }
#ficha.ficha-limitada .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a:hover { background-color: var(--dorado); color: var(--blanco); }
#ficha.ficha-copa .fila-superior .col-data #acordeon { border-top: 1px solid var(--blanco); }
#ficha.ficha-copa .fila-superior .col-data #acordeon .item { border-bottom: 1px solid var(--blanco); }
#ficha.ficha-copa .fila-superior .col-data #acordeon .chevron svg { stroke: var(--blanco) }
#ficha.ficha-copa .fila-superior .col-data h1, #ficha.ficha-copa .fila-superior .col-data .datos .box h4, #ficha.ficha-copa .fila-superior .col-data .datos .box p, #ficha.ficha-copa .fila-superior .col-data #acordeon .superior, #ficha.ficha-copa .fila-superior .col-data #acordeon .inferior-inner .acc-contenido, #ficha.ficha-copa .fila-inferior .container .frase, #ficha.ficha-copa .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box h3, #ficha.ficha-copa .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a, #ficha.ficha-copa .fila-superior .col-data h2 { color: var(--blanco); }
#ficha.ficha-copa .fila-superior .col-media .acciones .precios, #ficha.ficha-copa .fila-superior .col-media .acciones .botones .qty-input { color: var(--blanco); }
#ficha.ficha-copa .fila-superior .col-media .acciones .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); }
#ficha.ficha-copa .fila-superior .col-media .acciones .botones .qty-btn:hover { background-color: var(--gris4); }
#ficha.ficha-copa .fila-superior .col-media .acciones .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); }
#ficha.ficha-copa .fila-superior .col-media .acciones .botones .add-to-cart-btn:hover { background-color: var(--gris3); }
#ficha.ficha-copa .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a { background-color: transparent; border: 1px solid var(--blanco); }
#ficha.ficha-copa .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a:hover { background-color: var(--blanco); color: var(--negro); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon { border-top: 1px solid var(--gris1); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .item { border-bottom: 1px solid var(--gris1); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .chevron svg { stroke: var(--gris1) }
#ficha.ficha-blanco .fila-superior .col-data h1, #ficha.ficha-blanco .fila-superior .col-data .datos .box h4, #ficha.ficha-blanco .fila-superior .col-data .datos .box p, #ficha.ficha-blanco .fila-superior .col-data #acordeon .superior, #ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido, #ficha.ficha-blanco .fila-inferior .container .frase, #ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box h3, #ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a, #ficha.ficha-blanco .fila-superior .col-data h2 { color: var(--gris1); }
#ficha.ficha-blanco .fila-superior .col-media .acciones .precios, #ficha.ficha-blanco .fila-superior .col-media .acciones .botones .qty-input { color: var(--negro); }
#ficha.ficha-blanco .fila-superior .col-media .acciones .botones .qty-btn { border: 1px solid var(--gris1); color: var(--gris1); }
#ficha.ficha-blanco .fila-superior .col-media .acciones .botones .qty-btn:hover { background-color: var(--blanco); }
#ficha.ficha-blanco .fila-superior .col-media .acciones .botones .add-to-cart-btn { background: var(--negro); color: var(--blanco); }
#ficha.ficha-blanco .fila-superior .col-media .acciones .botones .add-to-cart-btn:hover { background-color: var(--gris4); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a { background-color: transparent; border: 1px solid var(--gris1); }
#ficha.ficha-blanco .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a:hover { background-color: var(--gris3); color: var(--negro); }
#ficha.ficha-negro .fila-superior .col-data #acordeon { border-top: 1px solid var(--blanco); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .item { border-bottom: 1px solid var(--blanco); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .chevron svg { stroke: var(--gris1) }
#ficha.ficha-negro .fila-superior .col-data h1, #ficha.ficha-negro .fila-superior .col-data .datos .box h4, #ficha.ficha-negro .fila-superior .col-data .datos .box p, #ficha.ficha-negro .fila-superior .col-data #acordeon .superior, #ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido, #ficha.ficha-negro .fila-inferior .container .frase, #ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .boxes .box h3, #ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a, #ficha.ficha-negro .fila-superior .col-data h2 { color: var(--blanco); }
#ficha.ficha-negro .fila-superior .col-media .acciones .precios, #ficha.ficha-negro .fila-superior .col-media .acciones .botones .qty-input { color: var(--blanco); }
#ficha.ficha-negro .fila-superior .col-media .acciones .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); }
#ficha.ficha-negro .fila-superior .col-media .acciones .botones .qty-btn:hover { background-color: var(--gris4); }
#ficha.ficha-negro .fila-superior .col-media .acciones .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); }
#ficha.ficha-negro .fila-superior .col-media .acciones .botones .add-to-cart-btn:hover { background-color: var(--gris3); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a { background-color: transparent; border: 1px solid var(--blanco); }
#ficha.ficha-negro .fila-superior .col-data #acordeon .inferior-inner .acc-contenido .botones a:hover { background-color: var(--blanco); color: var(--negro); }

/* FOOTER */
footer { background-color: var(--gris1); }
footer .separador { width: 100%; background-color: var(--blanco); height: 10px; }
footer .separador2 { width: 100%; background-color: var(--gris1); height: 10px; }
footer .container { }
footer .container.arriba { display: flex; flex-direction: column; align-items: center; padding: 45px 0; }
footer .container.abajo { display: flex; justify-content: space-between; flex-direction: row; padding: 25px 0; align-items: center; }
footer .container img { }
footer .container .logo_colo_colo { width: 45px; margin-bottom: 15px; }
footer .container .logo_pisco_eterno { width: 107px; }
footer .container .box { }
footer .container .box nav { }
footer .container .box nav ul { display: flex; gap: 45px; }
footer .container .box nav ul li { list-style-type: none; }
footer .container .box nav ul li a { color: var(--blanco); font: normal normal normal 14px/21px Oswald; letter-spacing: 0.28px; text-transform: uppercase; }
footer .container .box nav ul li a:hover { }
footer .container .box ul.rrss { width: 100%; display: flex; gap: 30px; }
footer .container .box ul.rrss li { list-style: none; }
footer .container .box ul.rrss li a { }
footer .container .box ul.rrss li a:hover { }

/* TIENDA */
#tienda { }
#tienda #banner { width: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--negro); }
#tienda #banner img { width: 100%; max-width: 1920px; }
#tienda #huincha { width: 100%; overflow: hidden; background: var(--gris1); color: var(--blanco); padding: 5px 0; position: relative; }
#tienda #huincha .huincha-track { display: flex; width: max-content; will-change: transform; }
#tienda #huincha .mensaje { display: flex; align-items: center; gap: 5px; white-space: nowrap; text-transform: uppercase; color: #fff; flex-shrink: 0; padding: 0 10px; font-size: 16px; line-height: 23px; }
#tienda #huincha .mensaje img { width: 18px; height: auto; display: block; margin-top: -3px }
#tienda #limited-product { margin-bottom: 120px; }
#tienda #limited-product .container { display: flex; flex-direction: column; align-items: center; }
#tienda #limited-product .container .titular { padding-top: 70px; padding-bottom: 50px; display: flex; flex-direction: column; align-items: center; }
#tienda #limited-product .container .titular h2 { text-align: center; font: normal normal normal 35px/40px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 20px; }
#tienda #limited-product .container .titular p { text-align: center; font: normal normal normal 18px/24px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#tienda #limited-product .container .main-box { display: flex; justify-content: space-between; gap: 8px; }
#tienda #limited-product .container .main-box .img-col { background-color: var(--gris2); }
#tienda #limited-product .container .main-box .img-col img { }
#tienda #limited-product .container .main-box .txt-col { background-color: var(--gris1); display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; padding: 50px 30px 60px 30px; }
#tienda #limited-product .container .main-box .txt-col img.logo_colo_colo { width: 51px; }
#tienda #limited-product .container .main-box .txt-col img.logo_pisco_eterno { width: 115px; margin-bottom: 30px; }
#tienda #limited-product .container .main-box .txt-col h2 { text-align: center; font: normal normal normal 40px/46px SCHABO; letter-spacing: 1.6px; color: var(--dorado); text-transform: uppercase; }
#tienda #limited-product .container .main-box .txt-col h3 { text-align: center; font: normal normal normal 18px/21px TC Kuareen Trial Version; letter-spacing: 4.5px; color: var(--dorado); text-transform: uppercase; }
#tienda #limited-product .container .main-box .txt-col p { text-align: center; font: normal normal normal 16px/20px Noto Sans; letter-spacing: 0px; color: var(--dorado); }
#tienda #limited-product .container .main-box .txt-col a.masinfo { text-align: center; text-decoration: underline; font: normal normal bold 16px/20px Noto Sans; letter-spacing: 0px; color: var(--dorado); margin-bottom: 45px; }
#tienda #limited-product .container .main-box .txt-col .precios { font: normal normal normal 26px/39px Oswald; letter-spacing: 0px; color: var(--dorado); text-transform: uppercase; margin-bottom: 30px; }
#tienda #limited-product .container .main-box .txt-col .botones { }
#tienda #limited-product .container .main-box .txt-col .botones .custom-add-to-cart { display: flex; align-items: center; gap: 0; }
#tienda #limited-product .container .main-box .txt-col .botones .qty-input { color: var(--blanco); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; padding-left: 15px; }
#tienda #limited-product .container .main-box .txt-col .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); width: 40px; height: 40px; background: transparent; font-size: 34px; cursor: pointer; }
#tienda #limited-product .container .main-box .txt-col .botones .qty-btn:hover { background-color: var(--gris4); }
#tienda #limited-product .container .main-box .txt-col .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; }
#tienda #limited-product .container .main-box .txt-col .botones .add-to-cart-btn:hover { background-color: var(--gris3); }
#tienda #secondary-products { margin-bottom: 120px; }
#tienda #secondary-products .container { display: flex; flex-direction: column; align-items: center; }
#tienda #secondary-products .container .titular { padding-bottom: 50px; }
#tienda #secondary-products .container .titular h2 { text-align: center; font: normal normal normal 35px / 40px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 20px; }
#tienda #secondary-products .container .titular p { text-align: center; font: normal normal normal 18px / 24px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#tienda #secondary-products .container .boxes { width: 100%; display: flex; justify-content: space-between; gap: 8px; }
#tienda #secondary-products .container .boxes .box { display: flex; justify-content: space-between; background-color: var(--gris2); }
#tienda #secondary-products .container .boxes .box .img-col { }
#tienda #secondary-products .container .boxes .box .img-col img { }
#tienda #secondary-products .container .boxes .box .txt-col { background-color: var(--gris1); padding: 60px 25px 60px 25px; display: flex; flex-direction: column; justify-content: space-between; }
#tienda #secondary-products .container .boxes .box .txt-col h4 { text-align: left; font: normal normal normal 40px/44px SCHABO; letter-spacing: 1.6px; color: var(--blanco); text-transform: uppercase; margin-bottom: 25px; }
#tienda #secondary-products .container .boxes .box .txt-col h5 { text-align: left; font: normal normal normal 18px/21px TC Kuareen Trial Version; letter-spacing: 4.5px; color: var(--blanco); text-transform: uppercase; margin-bottom: 30px; }
#tienda #secondary-products .container .boxes .box .txt-col a.masinfo { text-align: left; text-decoration: underline; font: normal normal bold 16px/20px Noto Sans; letter-spacing: 0px; color: var(--blanco); margin-bottom: 80px; }
#tienda #secondary-products .container .boxes .box .txt-col .precios { color: var(--blanco); text-align: left; font: normal normal normal 26px/39px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 45px; }
#tienda #secondary-products .container .boxes .box .txt-col .botones { }
#tienda #secondary-products .container .boxes .box .txt-col .botones .custom-add-to-cart { display: flex; align-items: center; gap: 0; }
#tienda #secondary-products .container .boxes .box .txt-col .botones .qty-input { color: var(--blanco); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; padding-left: 15px; }
#tienda #secondary-products .container .boxes .box .txt-col .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); width: 40px; height: 40px; background: transparent; font-size: 34px; cursor: pointer; }
#tienda #secondary-products .container .boxes .box .txt-col .botones .qty-btn:hover { background-color: var(--gris4); }
#tienda #secondary-products .container .boxes .box .txt-col .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; }
#tienda #secondary-products .container .boxes .box .txt-col .botones .add-to-cart-btn:hover { background-color: var(--gris3); }
#tienda #secondary-products .container .medallas { width: 350px; display: flex; justify-content: center; gap: 55px; padding-top: 35px; }
#tienda #secondary-products .container .medallas .box { display: flex; flex-direction: column; align-items: center; }
#tienda #secondary-products .container .medallas .box img { width: 90px; margin-bottom: 15px; }
#tienda #secondary-products .container .medallas .box p { text-align: center; font: normal normal normal 16px/20px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; }
#tienda #premium-products { margin-bottom: 120px; }
#tienda #premium-products .container { display: flex; flex-direction: column; align-items: center; }
#tienda #premium-products .container .titular { padding-bottom: 50px; }
#tienda #premium-products .container .titular h2 { text-align: center; font: normal normal normal 35px / 40px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 20px; }
#tienda #premium-products .container .titular p { text-align: center; font: normal normal normal 18px / 24px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#tienda #premium-products .container .boxes { width: 100%; display: flex; justify-content: space-between; gap: 8px; }
#tienda #premium-products .container .boxes .box { display: flex; justify-content: space-between; background-color: var(--gris2); }
#tienda #premium-products .container .boxes .box .img-col { }
#tienda #premium-products .container .boxes .box .img-col img { }
#tienda #premium-products .container .boxes .box .txt-col { padding: 60px 25px 60px 25px; display: flex; flex-direction: column; justify-content: space-between; }
#tienda #premium-products .container .boxes .box .txt-col h4 { text-align: left; font: normal normal normal 40px/44px SCHABO; letter-spacing: 1.6px; color: var(--gris1); text-transform: uppercase; margin-bottom: 25px; }
#tienda #premium-products .container .boxes .box .txt-col h5 { text-align: left; font: normal normal normal 18px/21px TC Kuareen Trial Version; letter-spacing: 4.5px; color: var(--gris1); text-transform: uppercase; margin-bottom: 30px; }
#tienda #premium-products .container .boxes .box .txt-col a.masinfo { text-decoration: underline; font: normal normal bold 16px/20px Noto Sans; letter-spacing: 0px; color: var(--gris1); margin-bottom: 80px; }
#tienda #premium-products .container .boxes .box .txt-col .precios { text-align: left; font: normal normal normal 26px/39px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 45px; }
#tienda #premium-products .container .boxes .box .txt-col .botones { }
#tienda #premium-products .container .boxes .box .txt-col .botones .custom-add-to-cart { display: flex; align-items: center; gap: 0; }
#tienda #premium-products .container .boxes .box .txt-col .botones .qty-input { color: var(--negro); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; padding-left: 15px; }
#tienda #premium-products .container .boxes .box .txt-col .botones .qty-btn { border: 1px solid var(--negro); color: var(--negro); width: 40px; height: 40px; background: transparent; font-size: 34px; cursor: pointer; }
#tienda #premium-products .container .boxes .box .txt-col .botones .qty-btn:hover { background-color: var(--gris4); }
#tienda #premium-products .container .boxes .box .txt-col .botones .add-to-cart-btn { background: var(--negro); color: var(--blanco); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; }
#tienda #premium-products .container .boxes .box .txt-col .botones .add-to-cart-btn:hover { background-color: var(--gris4); }
#tienda #copa-product { margin-bottom: 120px; }
#tienda #copa-product .container { display: flex; flex-direction: column; align-items: center; }
#tienda #copa-product .container .titular { padding-bottom: 50px; }
#tienda #copa-product .container .titular h2 { text-align: center; font: normal normal normal 35px / 40px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 20px; }
#tienda #copa-product .container .titular p { text-align: center; font: normal normal normal 18px / 24px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#tienda #copa-product .container .boxes { width: 100%; display: flex; justify-content: space-between; }
#tienda #copa-product .container .boxes .box { display: flex; }
#tienda #copa-product .container .boxes .box img.imagen { }
#tienda #copa-product .container .boxes .box.txt { background-color: var(--gris1); flex: 1; align-items: center; padding: 60px 25px 60px 25px; display: flex; flex-direction: column; justify-content: space-between; }
#tienda #copa-product .container .boxes .box.txt img.logo_colo_colo { width: 50px; }
#tienda #copa-product .container .boxes .box.txt img.logo_pisco_eterno { width: 115px; margin-bottom: 30px; }
#tienda #copa-product .container .boxes .box.txt h3 { text-align: center; font: normal normal normal 40px/44px SCHABO; letter-spacing: 1.6px; color: var(--blanco); text-transform: uppercase; margin-bottom: 30px; }
#tienda #copa-product .container .boxes .box.txt p { text-align: center; font: normal normal normal 18px/21px TC Kuareen Trial Version; letter-spacing: 4.5px; color: var(--blanco); text-transform: uppercase; width: 250px; margin-bottom: 50px; }
#tienda #copa-product .container .boxes .box.txt .precios { color: var(--blanco); text-align: left; font: normal normal normal 26px / 39px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 45px; }
#tienda #copa-product .container .boxes .box.txt .botones { }
#tienda #copa-product .container .boxes .box.txt .botones .custom-add-to-cart { display: flex; align-items: center; gap: 0; }
#tienda #copa-product .container .boxes .box.txt .botones .qty-input { color: var(--blanco); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; padding-left: 15px; }
#tienda #copa-product .container .boxes .box.txt .botones .qty-btn { border: 1px solid var(--blanco); color: var(--blanco); width: 40px; height: 40px; background: transparent; font-size: 34px; cursor: pointer; }
#tienda #copa-product .container .boxes .box.txt .botones .qty-btn:hover { background-color: var(--gris4); }
#tienda #copa-product .container .boxes .box.txt .botones .add-to-cart-btn { background: var(--blanco); color: var(--negro); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; }
#tienda #copa-product .container .boxes .box.txt .botones .add-to-cart-btn:hover { background-color: var(--gris3); }

/* CONSEJOS */
#consejos { margin-bottom: 100px; }
#consejos .container { display: flex; flex-direction: column; align-items: center; }
#consejos .container .titular { padding-bottom: 60px; }
#consejos .container .titular h2 { text-align: center; font: normal normal normal 35px / 40px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; }
#consejos .container ul { width: 100%; display: flex; justify-content: space-between; gap: 35px; }
#consejos .container ul li { list-style-type: none; }
#consejos .container ul li .estrellas { width: 180px; display: flex; justify-content: space-between; margin-bottom: 30px; }
#consejos .container ul li .estrellas img { width: 19px; }
#consejos .container ul li p { text-align: left; font: normal normal normal 16px/20px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#consejos .container ul li p.nombre { text-align: left; font: normal normal bold 16px/22px Noto Sans; letter-spacing: 0px; color: #29342A; }
#legacy #consejos { }
#legacy #consejos .container .titular h2 { color: var(--blanco); }
#legacy #consejos .container ul li p { color: var(--blanco); margin-bottom: 30px; }

/* CONTENIDO SIMPLE */
#simpletext { background: #010101; background: linear-gradient(180deg, rgba(1, 1, 1, 1) 0%, rgba(36, 36, 36, 1) 100%); }
#simpletext .container { display: flex; flex-direction: column; align-items: center; }
#simpletext .container .titular { display: flex; flex-direction: column; padding-top: 50px; padding-bottom: 70px; align-items: center; }
#simpletext .container .titular img { width: 20px; margin-bottom: 35px; }
#simpletext .container .titular h1 { text-align: center; font: normal normal normal 87px/104px SCHABO; letter-spacing: 4.35px; color: #FFFFFF; text-transform: uppercase; }
#simpletext .container .contenido { width: 100%; background-color: var(--blanco); padding: 90px 80px 150px 80px; }

/* BLOQUE DE CONTENIDO GENERICO */
#contentbox { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; font: normal normal normal 16px / 22px Noto Sans; color: var(--gris1); }
#contentbox p { margin: 0 0 1rem; font: normal normal normal 16px/22px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox ul { margin: 0 0 1rem; padding-left: 1.5rem; color: var(--gris1); }
#contentbox ol { margin: 0 0 1rem; padding-left: 1.5rem; color: var(--gris1); }
#contentbox li { margin-bottom: 0.5rem; color: var(--gris1); }
#contentbox a { text-decoration: none; transition: all 0.3s ease; color: var(--gris1); }
#contentbox a:hover { color: var(--gris1); }
#contentbox h1 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox h2 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox h3 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox h4 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox h5 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox h6 { margin: 0 0 1rem; font: normal normal bold 24px/28px Noto Sans; letter-spacing: 0px; color: var(--gris1); }
#contentbox strong { font-weight: 700; }
#contentbox i { font-style: italic; }

/* CHECKOUT */
#checkout { background-color: #F1F1F1; }
#checkout .container { }
#checkout .container .woocommerce { width: 100%; padding-top: 60px; padding-bottom: 80px; }
#checkout .container .woocommerce .woocommerce-form-coupon-toggle { }
#checkout .container .woocommerce .woocommerce-notices-wrapper { }
#contenido.pageid-9 #checkout .container .woocommerce .woocommerce-form-coupon-toggle { display: none; }
#checkout .container .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { }
#checkout .container .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a { color: var(--negro); font-weight: bold; }
#checkout .container .woocommerce .woocommerce-checkout { background-color: var(--blanco); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
#checkout .container .woocommerce .woocommerce-checkout h3 { margin: 0 0 25px; text-transform: uppercase; letter-spacing: .08em; color: var(--negro); border-bottom: 1px solid var(--gris3); padding: 20px 15px; font: normal normal normal 18px / 21px Oswald; }
#checkout .container .woocommerce .woocommerce-checkout h3#order_review_heading { width: calc(100% - 60px); margin: 0 auto; }
#checkout .container .woocommerce .woocommerce-billing-fields, #checkout .container .woocommerce .woocommerce-shipping-fields, #checkout .container .woocommerce .woocommerce-additional-fields, #checkout .container .woocommerce #order_review { background: #fff; padding: 30px; margin-bottom: 30px; }
#checkout .container .woocommerce .woocommerce-checkout label { display: block; margin-bottom: 8px; normal normal normal 18px / 24px Noto Sans; font: normal normal normal 16px / 24px Noto Sans; color: var(--negro); }
#checkout .container .woocommerce .woocommerce-checkout input[type="text"], #checkout .container .woocommerce .woocommerce-checkout input[type="tel"], #checkout .container .woocommerce .woocommerce-checkout input[type="email"], #checkout .container .woocommerce .woocommerce-checkout input[type="password"], #checkout .container .woocommerce .woocommerce-checkout textarea, #checkout .container .woocommerce .woocommerce-checkout select { width: 100%; height: 50px; border: 1px solid var(--gris3); background: #fff; padding: 0 15px; font-size: 15px; color: #000; box-sizing: border-box; border-radius: 0; }
#checkout .container .woocommerce .woocommerce-checkout textarea { height: 120px; padding: 15px; resize: vertical; }
#checkout .container .woocommerce .woocommerce-checkout input:focus, #checkout .container .woocommerce .woocommerce-checkout textarea:focus, #checkout .container .woocommerce .woocommerce-checkout select:focus { outline: none; border-color: #001c54; }
#checkout .container .woocommerce .select2-container--default .select2-selection--single { height: 50px !important; border: 1px solid var(--gris3) !important; border-radius: 0 !important; }
#checkout .container .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px !important; }
#checkout .container .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px !important; }
#checkout .container .woocommerce #order_review table { border-collapse: collapse; width: 100%; border: none; }
#checkout .container .woocommerce #order_review th { border-bottom: none; padding: 15px 0; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; }
#checkout .container .woocommerce #order_review td { padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
#checkout .container .woocommerce #order_review .amount { color: #000000; font: normal normal normal 18px / 21px Oswald; }
#checkout .container .woocommerce .wc_payment_methods { list-style: none; margin: 25px 0; padding: 20px; }
#checkout .container .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a { color: #000; font-weight: bold; }
#checkout .container .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a:hover { text-decoration: underline; }
#checkout .container .woocommerce .wc_payment_methods li { border: 1px solid #000; background: #fff; padding: 15px; margin-bottom: 10px; }
#checkout .container .woocommerce .wc_payment_method label { display: inline; margin-left: 8px; }
#checkout .container .woocommerce .woocommerce-info, #checkout .container .woocommerce .woocommerce-message, .woocommerce-error { border: 1px solid var(--gris3); background: #fff; padding: 15px 50px; margin-bottom: 20px; }
#checkout .container .woocommerce .woocommerce-checkout input[type="checkbox"] { width: 18px; height: 18px; accent-color: #000; }
#checkout .container .woocommerce .woocommerce #payment #place_order, #checkout .container .woocommerce .woocommerce-page #payment #place_order { width: 100%; height: 60px; background: #000; color: #fff; border: 1px solid #000; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: 14px; transition: .25s; }
#checkout .container .woocommerce .woocommerce #payment #place_order:hover, #checkout .container .woocommerce .woocommerce-page #payment #place_order:hover { background: #fff; color: #000; }
#checkout .container .woocommerce .checkout_coupon { background: #fff; border: 1px solid #000; padding: 25px; margin-bottom: 30px; }
#checkout .container .woocommerce .checkout_coupon input { height: 50px; border: 1px solid #000; }
#checkout .container .woocommerce .checkout_coupon button { height: 50px; background: #000; color: #fff; border: 1px solid #000; }
#checkout .container button#place_order { display: block; width: 100%; color: #fff !important; border: 1px solid #000 !important; height: 48px; padding: 7px 24px; cursor: pointer; text-align: center; font: normal normal normal 18px / 30px Oswald; letter-spacing: 0px; text-transform: uppercase; border-radius: 0; background-color: var(--negro); margin: 30px 0; }
#checkout .container button#place_order:hover { background: var(--gris2) !important; color: var(--negro) !important; border: 1px solid var(--gris2) !important; }
#checkout .container#add_payment_method #payment, #checkout .woocommerce-cart #payment, #checkout .woocommerce-checkout #payment { background-color: var(--gris3); border-radius: 0; }

/* CONTACTO */
#contact { background-image: url(img/fnd_desktop_contacto.png); background-size: cover; }
#contact .container { }
#contact .container .contactform-wrapper { width: 1076px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; min-height: 738px; }
#contact .container .contactform-wrapper .box { }
#contact .container .contactform-wrapper .titular { width: 525px; display: flex; flex-direction: column; align-items: center; }
#contact .container .contactform-wrapper .titular img { width: 19px; height: 18px; margin-bottom: 55px; }
#contact .container .contactform-wrapper .titular h1 { text-align: center; font: normal normal normal 87px/26px SCHABO; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 40px; }
#contact .container .contactform-wrapper .titular p { text-align: center; font: normal normal normal 22px/26px TC Kuareen Trial Version; letter-spacing: 3.3px; color: #FFFFFF; text-transform: uppercase; }
#contact .container .contactform-wrapper .formulario { width: 475px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark { color: var(--blanco); font-family: Arial, sans-serif; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .campo { margin-bottom: 25px; border-bottom: 1px solid var(--dorado); }
#contact .container .contactform-wrapper .formulario .cf7-form-dark label { text-align: left; font: normal normal normal 16px/22px Noto Sans; letter-spacing: 0px; color: #FFFFFF; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark input[type="text"], .cf7-form-dark input[type="email"], .cf7-form-dark input[type="tel"] { width: 100%; background: transparent; border: none;    /* border-bottom: 1px solid var(--dorado); */ padding: 12px 0; outline: none; text-align: left; font: normal normal normal 16px/22px Noto Sans; letter-spacing: 0px; color: var(--blanco); }
#contact .container .contactform-wrapper .formulario .cf7-form-dark input::placeholder { color: var(--blanco); }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .telefono-wrap { display: flex; align-items: center;    /* border-bottom: 1px solid #a87400; */ }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .prefijo { color: #fff; margin-right: 10px; white-space: nowrap; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .telefono-wrap input { border: none !important; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .wpcf7-radio { display: flex; gap: 40px; flex-wrap: wrap; margin-top: 10px; margin-bottom: 20px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .wpcf7-list-item { margin: 0; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark input[type="radio"] { accent-color: #b8860b; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .campo-submit { text-align: right; margin-top: 30px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .btn-wrap { display: inline-block; position: relative; width: 150px; height: 40px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .btn-wrap p { width: 150px; height: 40px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .btn-wrap::after { content: ''; position: absolute; left: 0; right: 0; height: 8px; background: #ececec; bottom: -16px; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark input[type="submit"] { background: var(--blanco); border: none; border-radius: 0; width: 150px; height: 40px; text-align: center; font: normal normal normal 18px/26px Oswald; letter-spacing: 0px; color: var(--negro); text-transform: uppercase; }
#contact .container .contactform-wrapper .formulario .cf7-form-dark input[type="submit"]:hover { background: var(--gris3); }
#contact .container .contactform-wrapper .formulario .cf7-form-dark .btn-wrap:hover::after { background: var(--gris3); }

/* CARRO */
#carro { background-color: #F1F1F1; min-height: 80vh; }
#carro .container { }
#carro .container .woocommerce { width: 100%; padding-top: 60px; padding-bottom: 80px; }
#carro .container .woocommerce .woocommerce-notices-wrapper { }
#carro .container .woocommerce .woocommerce-cart-form { margin-bottom: 40px; }
#carro .container .woocommerce .woocommerce-cart-form table { width: 100%; border-collapse: collapse; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); border-radius: 0; }
#carro .container .woocommerce .woocommerce-cart-form th { text-transform: uppercase; letter-spacing: .08em; color: #000; border-bottom: 1px solid var(--gris3); padding: 20px 15px; font: normal normal normal 16px / 21px Oswald; }
#carro .container .woocommerce .woocommerce-cart-form td { padding: 25px 15px; border-bottom: 1px solid var(--gris3); vertical-align: middle; }
#carro .container .woocommerce .woocommerce-cart-form .product-thumbnail img { width: 100px; height: auto; }
#carro .container .woocommerce .woocommerce-cart-form .product-name a { color: #000; text-decoration: none; font-weight: 600; font-size: 15px; }
#carro .container .woocommerce .woocommerce-cart-form .product-name a:hover { color: #001c54; }
#carro .container .woocommerce .woocommerce-cart-form .product-price, .woocommerce-cart-form .product-subtotal { color: #000000; font: normal normal normal 18px / 21px Oswald; }
#carro .container .woocommerce .woocommerce-cart-form .product-remove a { color: #000; font-size: 22px; text-decoration: none; }
#carro .container .woocommerce .woocommerce-cart-form .product-remove a:hover { color: #001c54; }
#carro .container .woocommerce .woocommerce-cart-form .quantity { display: flex; justify-content: center; }
#carro .container .woocommerce .woocommerce-cart-form .quantity .qty { color: var(--negro); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; padding-left: 15px; border: 1px solid var(--gris2); }
#carro .container .woocommerce .woocommerce-cart-form .coupon { display: flex; gap: 10px; align-items: center; }
#carro .container .woocommerce .woocommerce-cart-form .coupon input { height: 48px; border: 1px solid var(--gris3); background: #fff; padding: 0 15px; min-width: 240px; }
#carro .container .woocommerce .woocommerce-cart-form .button, .woocommerce-cart-form button { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; height: 48px; transition: .25s; padding: 7px 24px; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; border-radius: 0; }
#carro .container .woocommerce .woocommerce-cart-form .button:hover, .woocommerce-cart-form button:hover { color: #ffffff !important; background: var(--gris4) !important; border: 1px solid var(--gris4) !important; }
#carro .container .woocommerce .woocommerce-cart-form .actions { padding-top: 30px; }
#carro .container .woocommerce .cart-collaterals { margin-top: 40px; }
#carro .container .woocommerce .cart_totals { background: var(--blanco); padding: 35px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
#carro .container .woocommerce .cart_totals h2 { text-transform: uppercase; margin-bottom: 25px; border-bottom: 1px solid #000; padding-bottom: 15px; font: normal normal normal 24px / 21px Oswald; }
#carro .container .woocommerce .cart_totals table { border: none; }
#carro .container .woocommerce .cart_totals th, .cart_totals td { border: none; padding: 12px 0; font: normal normal normal 18px / 21px Oswald; color: var(--negro); }
#carro .container .woocommerce .cart_totals .amount { color: var(--negro); font: normal normal normal 18px / 21px Oswald; }
#carro .container .woocommerce .wc-proceed-to-checkout .checkout-button { display: block; width: 100%; color: #fff !important; border: 1px solid #000 !important; height: 48px; padding: 7px 24px; cursor: pointer; text-align: center; font: normal normal normal 18px / 30px Oswald; letter-spacing: 0px; text-transform: uppercase;    /* margin-left: 15px; */ border-radius: 0; background-color: var(--negro); }
#carro .container .woocommerce .wc-proceed-to-checkout .checkout-button:hover { background: var(--gris2) !important; color: var(--negro) !important; border: 1px solid var(--gris2) !important; }

/* AVISOS */
section#contenido .woocommerce-error, section#contenido .woocommerce-info, section#contenido .woocommerce-message { background-color: var(--blanco); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
section#contenido .woocommerce-error, section#contenido .woocommerce-info, section#contenido .woocommerce-message { border: none; }
section#contenido .return-to-shop a { background: var(--negro); color: var(--blanco); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; margin-left: 15px; border-radius: 0; }
section#contenido .return-to-shop a:hover { background-color: var(--gris4); }

/* LEGACY */
#legacy { background-color: var(--negro); }
#legacy .banner { background-image: url(img/portada_desktop_blog.png); height: 600px; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 100px; }
#legacy .banner h1 { text-align: center; font: normal normal normal 87px/55px SCHABO; letter-spacing: 4.35px; color: #FFFFFF; text-transform: uppercase; }
#legacy .banner p { text-align: center; font: normal normal normal 45px/55px TC Kuareen Trial Version; letter-spacing: 11.25px; color: #FFFFFF; text-transform: uppercase; }
#legacy .container { display: flex; flex-direction: column; }
#legacy .container .noticias { width: 100%; display: flex; flex-direction: column; margin-bottom: 120px; }
#legacy .container .noticias .fila { width: 100%; margin-bottom: 15px; display: flex; gap: 15px; }
#legacy .container .noticias .noticia-destacada { width: 100%; }
#legacy .container .noticias .noticia-destacada a { width: 100%; display: flex; justify-content: space-between; }
#legacy .container .noticias .noticia-destacada a .frase { display: flex; flex-direction: column; justify-content: center; }
#legacy .container .noticias .noticia-destacada a img { transition: all 0.3s ease; border-radius: 16px; }
#legacy .container .noticias .noticia-destacada a:hover img { transition: all 0.3s ease; filter: saturate(1.8); }
#legacy .container .noticias .noticia-destacada a .frase h2 { text-align: left; font: normal normal bold 24px/28px Oswald; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 25px; }
#legacy .container .noticias .noticia-destacada a .frase p { text-align: left; font: normal normal normal 18px/22px Noto Sans; letter-spacing: 0px; color: #FFFFFF; }
#legacy .container .noticias .noticia-secundaria { }
#legacy .container .noticias .noticia-secundaria a { display: flex; align-items: flex-end; justify-content: flex-start; }
#legacy .container .noticias .noticia-secundaria a img { border-radius: 16px; }
#legacy .container .noticias .noticia-secundaria a .frase { position: absolute; margin-bottom: 15px; margin-left: 15px; width: 430px; background-color: var(--blanco); padding: 25px; }
#legacy .container .noticias .noticia-secundaria a .frase h2 { text-align: left; font: normal normal bold 22px/26px Oswald; letter-spacing: 0px; color: #0E0E0E; text-transform: uppercase; margin-bottom: 10px; }
#legacy .container .noticias .noticia-secundaria a .frase p { text-align: left; font: normal normal normal 14px/18px Noto Sans; letter-spacing: 0px; color: #0E0E0E; }
#legacy .container .noticias .noticia-terciaria { }
#legacy .container .noticias .noticia-terciaria a { display: flex; align-items: flex-end; justify-content: flex-start; }
#legacy .container .noticias .noticia-terciaria a img { border-radius: 16px; }
#legacy .container .noticias .noticia-terciaria a .frase { position: absolute; margin-bottom: 15px; margin-left: 15px; width: 360px; background-color: var(--blanco); padding: 25px; }
#legacy .container .noticias .noticia-terciaria a .frase h2 { text-align: left; font: normal normal bold 22px / 26px Oswald; letter-spacing: 0px; color: #0E0E0E; text-transform: uppercase; margin-bottom: 10px; }
#legacy .container .noticias .noticia-terciaria a .frase p { text-align: left; font: normal normal normal 14px / 18px Noto Sans; letter-spacing: 0px; color: #0E0E0E; }
#legacy .container .banner-abajo { margin-bottom: 120px; }
#legacy .container .banner-abajo a { }
#legacy .container .banner-abajo a img { }
#legacy .container .instagram { margin-bottom: 120px; }
#legacy .container .instagram h3 { text-align: center; font: normal normal normal 32px/47px Oswald; letter-spacing: 0px; color: #F1F1F1; text-transform: uppercase; }
#legacy .container .instagram p { text-align: center; font: normal normal normal 16px/22px Noto Sans; letter-spacing: 0px; color: #F1F1F1; margin-bottom: 58px; }
#legacy .container .instagram ul { width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; }
#legacy .container .instagram ul li { list-style-type: none; display: flex; }
#legacy .container .instagram ul li a { display: flex; }
#legacy .container .instagram ul li a img { width: 100%; }
#legacy .container .instagram ul li a:hover { opacity: 0.7; filter: saturate(1.8); }
#legacy .container .frase { }
#legacy .container .frase h3 { text-align: center; font: normal normal normal 39px/47px SCHABO; letter-spacing: 1.95px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 130px; }

/* ARTICULO */
#articulo { background-color: #010101; }
#articulo .container { display: flex; flex-direction: column; }
#articulo .container .huella { width: 100%; display: flex; justify-content: space-between; height: 120px; padding-top: 20px; }
#articulo .container .huella .huellanav { }
#articulo .container .huella .huellanav ul { display: flex; flex-direction: row; align-items: center; color: var(--blanco); }
#articulo .container .huella .huellanav ul li { list-style-type: none; font-style: italic; }
#articulo .container .huella .huellanav ul li.actual { font-weight: bold; }
#articulo .container .huella .huellanav ul li.icono { margin-top: 5px; margin-right: 10px; }
#articulo .container .huella .huellanav ul li a { color: var(--blanco); }
#articulo .container .huella .huellanav ul li a:hover { text-decoration: underline; }
#articulo .container .huella .volver { }
#articulo .container .huella .volver a { background-image: url(img/arrow_back.svg); text-align: left; font: normal normal normal 16px/24px Oswald; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; background-repeat: no-repeat; padding-left: 25px; background-position: 5px center; }
#articulo .container .huella .volver a:hover { background-position: 0px center; }
#articulo .container .contenido { background-color: var(--blanco); display: flex; flex-direction: column; align-items: center; }
#articulo .container .contenido #portada { background-image: var(--bg-desktop); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 1076px; margin-left: -538px; left: 50%; height: 518px; margin-top: -50px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 16px; }
#articulo .container .contenido #bajoportada { height: 468px; width: 100%; }
#articulo .container .contenido #portada h1 { text-align: center; font: normal normal normal 87px/87px SCHABO; letter-spacing: 0px; color: #FFFFFF; text-transform: uppercase; width: 760px; }
#articulo .container .contenido #portada p { text-align: center; font: normal normal normal 22px/26px TC Kuareen Trial Version; letter-spacing: 3.3px; color: #FFFFFF; text-transform: uppercase; width: 750px; }
#articulo .container .contenido .subcolumna { padding-top: 100px; display: flex; width: 1076px; background-image: url(img/post_ic_estrellanegra.svg); background-position: center 40px; background-repeat: no-repeat; flex-direction: column; align-items: center; padding-bottom: 120px; }
#articulo .container .contenido .subcolumna .social-share { width: 1076px; display: flex; position: absolute; }
#articulo .container .contenido .subcolumna .social-share .boxes { width: 165px; display: flex; gap: 15px; flex-direction: column; align-items: center; }
#articulo .container .contenido .subcolumna .social-share .boxes a { width: 43px; height: 43px; border-radius: 22px; border: 1px solid #E9EBF1; display: flex; align-items: center; justify-content: center; }
#articulo .container .contenido .subcolumna .social-share .boxes a:hover { background-color: #E9EBF1; }
#articulo .container .contenido .subcolumna .wp-content { width: 721px; font-family: 'Noto Sans'; font-size: 16px; line-height: 24px; color: var(--negro) }
#articulo .container .contenido .subcolumna .wp-content .fuentes { border-top: 1px solid #01010140; padding-top: 40px; }
#articulo .container .contenido .subcolumna .wp-content h1 { }
#articulo .container .contenido .subcolumna .wp-content h2 { font-size: 32px; line-height: 36px; margin-bottom: 25px; }
#articulo .container .contenido .subcolumna .wp-content h3 { }
#articulo .container .contenido .subcolumna .wp-content h4 { }
#articulo .container .contenido .subcolumna .wp-content h5 { }
#articulo .container .contenido .subcolumna .wp-content h6 { }
#articulo .container .contenido .subcolumna .wp-content a { }
#articulo .container .contenido .subcolumna .wp-content p { margin-bottom: 10px; }
#articulo .container .contenido .subcolumna .wp-content a:hover { }
#articulo .container .relacionadas { }
#articulo .container .relacionadas .titular { padding-top: 110px; padding-bottom: 60px; }
#articulo .container .relacionadas .titular h2 { text-align: center; font: normal normal normal 32px/47px Oswald; letter-spacing: 0px; color: #F1F1F1; text-transform: uppercase; margin-bottom: 16px; }
#articulo .container .relacionadas .titular p { text-align: center; font: normal normal normal 16px/22px Noto Sans; letter-spacing: 0px; color: #F1F1F1; }
#articulo .container .relacionadas .boxes { width: 100%; display: flex; gap: 10px; margin-bottom: 55px; }
#articulo .container .relacionadas .boxes a.box { display: flex; align-items: flex-end; justify-content: flex-start; }
#articulo .container .relacionadas .boxes a.box img { border-radius: 16px; }
#articulo .container .relacionadas .boxes a.box .frase { position: absolute; margin-bottom: 15px; margin-left: 15px; width: 360px; background-color: var(--blanco); padding: 25px; }
#articulo .container .relacionadas .boxes a.box .frase h2 { text-align: left; font: normal normal bold 22px / 26px Oswald; letter-spacing: 0px; color: #0E0E0E; text-transform: uppercase; margin-bottom: 10px; }
#articulo .container .relacionadas .boxes a.box .frase p { text-align: left; font: normal normal normal 14px / 18px Noto Sans; letter-spacing: 0px; color: #0E0E0E; }
#articulo .container .banner { }
#articulo .container .frase { padding: 90px 0 120px 0; }
#articulo .container .frase h3 { text-align: center; font: normal normal normal 39px/47px SCHABO; letter-spacing: 1.95px; color: #FFFFFF; text-transform: uppercase; }
@media (max-width:768px) {
    #articulo .container .contenido #portada { background-image: var(--bg-mobile); }
}

/* SIDEBAR CARRITO */
#sidebarcarrito { position: fixed; z-index: 999; background-color: var(--blanco); height: 100vh; width: 450px; right: -460px; transition: all 0.3s ease; display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
#sidebarcarrito.active { right: 0; transition: all 0.3s ease; }
#sidebarcarrito p.cargando { text-align: left; font: normal normal normal 26px / 44px SCHABO; letter-spacing: 1.6px; color: var(--gris1); text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100vh; }
#sidebarcarrito p.carrito-vacio { text-align: left; font: normal normal normal 20px / 44px SCHABO; letter-spacing: 1.6px; color: var(--gris1); text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100vh; }
#sidebarcarrito .sidebar-carrito-header { display: flex; border-bottom: 1px solid #F1F1F1; justify-content: space-between; padding: 20px; }
#sidebarcarrito .sidebar-carrito-header h3 { font: normal normal normal 21px / 31px Oswald; color: var(--negro); }
#sidebarcarrito .sidebar-carrito-header a { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 36px; height: 36px; border: 1px solid var(--blanco); }
#sidebarcarrito .sidebar-carrito-header a:hover { border: 1px solid var(--gris3); border-radius: 50px; }
#sidebarcarrito .sidebar-carrito-contenido { flex: 1; display: flex; flex-direction: column; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items { flex: 1; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #F1F1F1; align-items: center; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-thumb { padding: 20px; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-nombre { font: normal normal normal 14px / 18px Noto Sans; margin-bottom: 5px; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-precio { text-align: left; font: normal normal normal 16px / 24px Oswald; letter-spacing: 0px; color: var(--gris1); text-transform: uppercase; margin-bottom: 5px; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control { display: flex; justify-content: space-between; align-items: center; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control button.qty-btn { border: 1px solid var(--negro); color: var(--negro); width: 40px; height: 40px; background: transparent; font-size: 25px; cursor: pointer; font-weight: 100; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control button.qty-btn:hover { background-color: var(--gris4); }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control .qty-minus { }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control .qty-plus { }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item .item-info .item-cantidad-control .item-cantidad { color: var(--negro); border: none; background: transparent; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; width: 40px; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item a.item-eliminar { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; border: 1px solid var(--blanco); width: 36px; height: 36px; border-radius: 24px; }
#sidebarcarrito .sidebar-carrito-contenido ul.sidebar-carrito-items li.sidebar-carrito-item a.item-eliminar:hover { border: 1px solid var(--gris3); }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro { border-top: 1px solid #F1F1F1; padding: 0px 20px 20px 20px; }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-total { display: flex; justify-content: space-between; padding: 30px 0; }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-total .txt { font: normal normal normal 21px / 31px Oswald; color: var(--negro); }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-total .eltotal { font: normal normal bold 21px / 31px Oswald; color: var(--negro); }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones { display: flex; justify-content: space-between; gap: 5px; }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a { background: var(--negro); color: var(--blanco); padding: 7px 24px; border: none; cursor: pointer; text-align: center; font: normal normal normal 18px / 26px Oswald; letter-spacing: 0px; text-transform: uppercase; flex: 1; }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a:hover { }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a.btn-ver-carrito { }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a.btn-ver-carrito:hover { background-color: var(--gris4); }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a.btn-checkout { color: var(--negro); background-color: var(--blanco); border: 1px solid var(--negro); }
#sidebarcarrito .sidebar-carrito-contenido .bajocarro .sidebar-carrito-acciones a.btn-checkout:hover { background-color: var(--gris3); }

/* Estado inicial */
.escenario{
    opacity: 0;
    transition:
        opacity .8s ease,
        transform .9s cubic-bezier(.22,1,.36,1),
        filter .9s ease;
    will-change: opacity, transform, filter;
}

/* Cuando entra en pantalla */
.escenario.visible{
    opacity: 1;
}