@import  'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Montserrat:wght@300;400;500;600&display=swap';

/* ============================================
   ATHENAS - Tema WooCommerce Personalizado
   Pegá este CSS en: Apariencia > Personalizar > CSS adicional
   ============================================ */
/* ============ VARIABLES ============ */
:root {
}

/* ============ BASE ============ */
body {
	font-family: var(--font-sans) !important;
	background-color: var(--ath-bg) !important;
	color: var(--ath-brown) !important;
}

a {
	color: var(--ath-mid);
	text-decoration: none;
}

a:hover {
	color: var(--ath-gold);
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-serif) !important;
	font-weight: 400 !important;
	color: var(--ath-brown) !important;
}

/* ============ BARRA DE ANUNCIO ============ */
.woocommerce-store-notice,
.site-header-bar,
p.demo_store {
	background: var(--ath-dark) !important;
	color: var(--ath-gold) !important;
	font-family: var(--font-sans) !important;
	font-size: 10px !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	text-align: center !important;
	padding: 9px 16px !important;
	border-bottom: 1px solid rgba(201,169,110,0.2) !important;
}

/* ============ HEADER ============ */
.site-header,
#masthead,
header.site-header {
	background: var(--ath-bg) !important;
	border-bottom: 1px solid rgba(201,169,110,0.25) !important;
	padding: 0 24px !important;
	box-shadow: none !important;
}

/* Logo */
.site-branding,
.custom-logo-link,
.site-title {
	font-family: var(--font-serif) !important;
	font-size: 26px !important;
	letter-spacing: .3em !important;
	color: var(--ath-gold) !important;
	font-weight: 400 !important;
}

.site-title a {
	color: var(--ath-gold) !important;
}

/* ============ NAVEGACIÓN ============ */
.main-navigation,
nav.main-navigation,
#site-navigation {
	background: var(--ath-bg) !important;
	border-bottom: 1px solid rgba(201,169,110,0.2) !important;
}

.main-navigation ul li a,
#site-navigation ul li a {
	font-family: var(--font-sans) !important;
	font-size: 10px !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: var(--ath-mid) !important;
	padding: 14px 16px !important;
	font-weight: 400 !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a {
	color: var(--ath-gold) !important;
	background: transparent !important;
}

/* Submenú */
.main-navigation ul ul {
	background: var(--ath-bg) !important;
	border: 1px solid rgba(201,169,110,0.2) !important;
	box-shadow: 0 4px 20px rgba(58,46,34,0.1) !important;
}

/* ============ HERO / BANNER ============ */
.wp-block-cover,
.hero-section,
.elementor-widget-image,
.site-main .wp-block-group:first-child {
	background: linear-gradient(180deg, var(--ath-bg-dark) 0%, var(--ath-bg) 100%) !important;
}

/* ============ BOTONES ============ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.wc-block-components-button {
	background: transparent !important;
	border: 1px solid var(--ath-brown) !important;
	color: var(--ath-brown) !important;
	font-family: var(--font-sans) !important;
	font-size: 9px !important;
	letter-spacing: .25em !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	padding: 12px 28px !important;
	border-radius: 0 !important;
	transition: all .3s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover {
	background: var(--ath-brown) !important;
	color: var(--ath-cream) !important;
}

/* Botón add to cart */
.woocommerce a.button.add_to_cart_button,
.single_add_to_cart_button {
	background: var(--ath-brown) !important;
	color: var(--ath-cream) !important;
	border: 1px solid var(--ath-brown) !important;
}

.woocommerce a.button.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
	background: var(--ath-gold) !important;
	border-color: var(--ath-gold) !important;
	color: var(--ath-dark) !important;
}

/* ============ PRODUCTOS - GRID ============ */
.woocommerce ul.products,
.wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 16px !important;
}

.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
}

/* Imagen producto */
.woocommerce ul.products li.product a img,
.wc-block-grid__product-image img {
	border-radius: 0 !important;
	transition: transform .4s ease !important;
}

.woocommerce ul.products li.product a:hover img {
	transform: scale(1.03) !important;
}

/* Nombre producto */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
	font-family: var(--font-serif) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: var(--ath-brown) !important;
	margin: 10px 0 4px !important;
	letter-spacing: .02em !important;
}

/* Precio */
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
	font-family: var(--font-sans) !important;
	font-size: 12px !important;
	color: var(--ath-mid) !important;
	letter-spacing: .05em !important;
}

.woocommerce ul.products li.product .price ins,
.wc-block-grid__product-price ins {
	color: var(--ath-gold) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.woocommerce ul.products li.product .price del,
.wc-block-grid__product-price del {
	color: var(--ath-light) !important;
	opacity: .7 !important;
	font-size: 11px !important;
}

/* Badge sale */
.woocommerce span.onsale,
.wc-block-grid__product-onsale {
	background: var(--ath-dark) !important;
	color: var(--ath-gold) !important;
	font-family: var(--font-sans) !important;
	font-size: 8px !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	padding: 4px 8px !important;
	min-height: auto !important;
	line-height: 1.4 !important;
	top: 8px !important;
	left: 8px !important;
	right: auto !important;
}

/* ============ PÁGINA DE PRODUCTO ============ */
.woocommerce div.product .product_title {
	font-family: var(--font-serif) !important;
	font-size: 36px !important;
	font-weight: 400 !important;
	color: var(--ath-brown) !important;
	letter-spacing: .05em !important;
	margin-bottom: 8px !important;
}

.woocommerce div.product p.price {
	font-size: 20px !important;
	color: var(--ath-gold) !important;
	letter-spacing: .05em !important;
	margin-bottom: 20px !important;
}

.woocommerce div.product div.images img {
	border-radius: 0 !important;
}

/* Tabs descripción */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent !important;
	border-bottom: 1px solid rgba(201,169,110,0.2) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--font-sans) !important;
	font-size: 10px !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: var(--ath-muted) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--ath-gold) !important;
}

/* ============ FORMULARIO CHECKOUT ============ */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid rgba(201,169,110,0.3) !important;
	background: var(--ath-cream) !important;
	border-radius: 0 !important;
	font-family: var(--font-sans) !important;
	font-size: 13px !important;
	color: var(--ath-brown) !important;
	padding: 10px 14px !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--ath-gold) !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Order summary checkout */
.woocommerce-checkout #payment {
	background: var(--ath-bg-dark) !important;
	border-radius: 0 !important;
	border: 1px solid rgba(201,169,110,0.2) !important;
}

/* ============ SIDEBAR / WIDGET ============ */
.widget-title {
	font-family: var(--font-serif) !important;
	font-size: 20px !important;
	color: var(--ath-brown) !important;
	border-bottom: 1px solid rgba(201,169,110,0.25) !important;
	padding-bottom: 10px !important;
	margin-bottom: 16px !important;
}

/* ============ CATEGORÍAS ============ */
.woocommerce .product-category a {
	color: var(--ath-brown) !important;
}

.woocommerce .product-category h2,
.woocommerce .product-category .woocommerce-loop-category__title {
	font-family: var(--font-serif) !important;
	font-size: 18px !important;
	color: var(--ath-cream) !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

/* ============ RESEÑAS ============ */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: 1px solid rgba(201,169,110,0.2) !important;
	background: var(--ath-bg-dark) !important;
	border-radius: 0 !important;
}

.star-rating span::before,
.woocommerce .star-rating span::before {
	color: var(--ath-gold) !important;
}

/* ============ CARRITO ============ */
.woocommerce .cart-subtotal th,
.woocommerce .order-total th {
	font-family: var(--font-sans) !important;
	font-size: 11px !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	color: var(--ath-muted) !important;
}

.woocommerce .order-total .amount {
	color: var(--ath-gold) !important;
	font-weight: 500 !important;
}

/* ============ MENSAJES / ALERTAS ============ */
.woocommerce-message,
.woocommerce-info {
	background: var(--ath-bg-dark) !important;
	border-top-color: var(--ath-gold) !important;
	color: var(--ath-mid) !important;
	border-radius: 0 !important;
}

.woocommerce-error {
	background: #fdf0ec !important;
	border-top-color: var(--ath-terra) !important;
	border-radius: 0 !important;
}

/* ============ FOOTER ============ */
.site-footer,
#colophon {
	background: var(--ath-dark) !important;
	color: var(--ath-muted) !important;
	border-top: 1px solid rgba(201,169,110,0.15) !important;
}

.site-footer a,
#colophon a {
	color: var(--ath-light) !important;
	font-size: 11px !important;
	letter-spacing: .05em !important;
}

.site-footer a:hover,
#colophon a:hover {
	color: var(--ath-gold) !important;
}

.site-footer h3,
.site-footer .widget-title,
#colophon .widget-title {
	font-family: var(--font-sans) !important;
	font-size: 9px !important;
	letter-spacing: .25em !important;
	text-transform: uppercase !important;
	color: var(--ath-gold) !important;
	font-weight: 500 !important;
	margin-bottom: 12px !important;
}

/* Copyright */
.site-info {
	text-align: center !important;
	font-size: 9px !important;
	color: #4a3020 !important;
	letter-spacing: .1em !important;
	border-top: 1px solid rgba(201,169,110,0.1) !important;
	padding-top: 16px !important;
}

/* ============ SEPARADORES / TÍTULOS DE SECCIÓN ============ */
.woocommerce h2.woocommerce-loop-product__title,
h2.widget-title,
.products-section-title {
	font-family: var(--font-serif) !important;
}

/* Línea decorativa dorada */
.athenas-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 24px auto;
	max-width: 200px;
}

.athenas-divider::before,
.athenas-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: rgba(201,169,110,0.4);
}

.athenas-divider::before {
	content: '✦';
	color: var(--ath-gold);
	font-size: 10px;
	flex: 0;
}

/* ============ MOBILE ============ */
@media (max-width: 768px) {
	.woocommerce ul.products,
	  .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}
	
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 14px !important;
	}
	
	.main-navigation ul li a {
		font-size: 11px !important;
	}
}

@media (max-width: 480px) {
	.woocommerce ul.products,
	  .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
.product-item img,
.js-item-image,
.card-image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.products-grid,
.js-products-grid {
    align-items: start !important;
}
.products-grid {
    align-items: start !important;
}
/* ARREGLAR ESPACIOS PRODUCTOS ATHENAS */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px 18px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    clear: none !important;
    float: none !important;
}

.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    display: block !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}
/* FIX HOME ATHENAS */

.home p {
margin-bottom: 0 !important;
}

.home img {
margin-bottom: 0 !important;
}

.home .wp-block-group {
gap: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.home div[style*="rgba(26,16,10,0.85)"] {
background: transparent !important;
}
/* ARREGLAR ESPACIOS */

.home .wp-block-group,
.home section,
.home .entry-content {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
gap: 6px !important;
}

.home img {
margin-bottom: -8px !important;
}

.home [href*="product-category"] {
margin-bottom: 0 !important;
display: block !important;
}
/* OCULTAR LETRAS BLANCAS ENCIMA DEL BANNER */
.home div[style*="rgba(26,16,10,0.85)"] span {
display: none !important;
}

/* ACHICAR MÁS LOS ESPACIOS ENTRE IMÁGENES */
.home .entry-content p {
margin: 0 !important;
padding: 0 !important;
}

.home .entry-content img {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.home a[href*="product-category"] {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
}