/* ==========================================================================
   THEME — "Porcelana y Bronce" (re-skin global)
   Redefine los tokens --fc-* del style.css del tema hijo para aplicar la
   nueva dirección visual a header, footer, tienda y páginas internas
   sin reescribir sus estilos. Se carga DESPUÉS de style.css.
   ========================================================================== */

:root {
	/* Fondos y superficies */
	--fc-bg:            #FCFBF8; /* blanco porcelana */
	--fc-bg-alt:        #F2EEE7; /* hueso */
	--fc-surface:       #FFFFFF;
	--fc-border:        #DED7CB;
	--fc-border-mid:    #CBC1B1;

	/* Texto */
	--fc-text:          #2E2620; /* tinta */
	--fc-text-mid:      #6E635A;
	--fc-text-light:    #998D80;

	/* Acento — bronce (antes verde salvia) */
	--fc-accent:        #7E5F3C; /* bronce oscuro — botones, contraste AA con blanco */
	--fc-accent-mid:    #C9AE85; /* bronce claro — hovers sobre fondo oscuro */
	--fc-accent-pale:   #EFE7DA;
	--fc-accent-hover:  #6A4F31;
	--fc-accent-active: #5C4429;

	/* Bandas oscuras — umbra profunda (coincide con el hero de la home) */
	--fc-header:        #2A211B;
	--fc-header-sub:    #352A22;
	--fc-header-foot:   #241C16;

	/* Tipografía — stacks de sistema, sin webfonts */
	--fuente-titulo:    'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
	--fuente-cuerpo:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	--fc-font-sans:     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

	/* Sombras — base cálida acorde a la nueva tinta */
	--sombra-suave:     0 2px 8px rgba(46, 38, 32, 0.08);
	--fc-shadow-soft:   0 18px 60px rgba(46, 38, 32, 0.08);
	--fc-shadow-card:   0 16px 50px rgba(46, 38, 32, 0.06);
	--fc-shadow-hover:  0 24px 70px rgba(46, 38, 32, 0.10);
}

/* Base — legibilidad acorde a la home (personas mayores) */
body {
	font-size: 17px;
	overflow-x: clip; /* las secciones full-bleed (100vw) nunca generan scroll lateral */
}

/* Botones en píldora — coherentes con la home */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
	border-radius: 999px !important;
}

/* Foco visible en todo el sitio */
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible,
.button:focus-visible {
	outline: 2px solid var(--fc-accent-mid);
	outline-offset: 3px;
}


/* ==========================================================================
   LAYOUT — sin barra lateral en todo el sitio (el tema hijo no la renderiza)
   ========================================================================== */

.content-area {
	width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}

/* ==========================================================================
   FORMULARIOS — base elegante para checkout, contacto y cuenta
   ========================================================================== */

.input-text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
select,
textarea {
	background: #FFFFFF;
	border: 1px solid var(--fc-border-mid);
	border-radius: 10px;
	padding: 0.8em 1em;
	color: var(--fc-text);
	font-family: var(--fuente-cuerpo);
	font-size: 1rem;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.input-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: var(--fc-accent);
	box-shadow: 0 0 0 3px var(--fc-accent-pale);
	outline: none;
}

::placeholder {
	color: var(--fc-text-light);
	opacity: 1;
}

.form-row label {
	font-weight: 600;
	color: var(--fc-text);
	margin-bottom: 0.25em;
}

.required {
	color: var(--fc-accent);
}

/* Checkbox de departamento */
.fc-campo-depto label.checkbox {
	font-weight: 400;
	color: var(--fc-text-mid);
}

/* ==========================================================================
   TIENDA — grilla de productos
   ========================================================================== */

.woocommerce-products-header__title.page-title,
.woocommerce-page h1.page-title {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	color: var(--fc-text);
}

ul.products li.product {
	background: var(--fc-surface);
	border: 1px solid var(--fc-border);
	border-radius: 12px;
	padding: 0.625rem 0.625rem 1.25rem !important;
	transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
	text-align: center;
}

ul.products li.product:hover {
	border-color: var(--fc-accent);
	box-shadow: var(--fc-shadow-hover);
	transform: translateY(-4px);
}

/* Fotos completas, sin recorte, sobre fondo cálido */
ul.products li.product a img {
	background: linear-gradient(170deg, #F7F3EC 0%, #EDE6D9 100%);
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	width: 100%;
	margin-bottom: 0.875rem !important;
}

ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--fuente-titulo);
	font-size: 1.0625rem;
	font-weight: 400;
	color: var(--fc-text);
	padding: 0 0.5rem;
}

ul.products li.product .price {
	color: var(--fc-accent) !important;
	font-weight: 600;
	font-size: 1rem;
}

ul.products li.product .button {
	margin-top: 0.625rem;
}

.storefront-sorting {
	color: var(--fc-text-mid);
	font-size: 0.9375rem;
}

.woocommerce-breadcrumb {
	color: var(--fc-text-light);
	font-size: 0.875rem;
}

.woocommerce-breadcrumb a {
	color: var(--fc-text-mid);
}

/* ==========================================================================
   PRODUCTO INDIVIDUAL
   ========================================================================== */

/* Layout en dos columnas: galería a la izquierda, resumen a la derecha */
@media (min-width: 768px) {
	.single-product div.product {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 2.5rem 3.5rem;
		align-items: start;
	}

	.single-product div.product .images,
	.single-product div.product .woocommerce-product-gallery {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		grid-column: 1;
	}

	.single-product div.product .summary.entry-summary {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		grid-column: 2;
	}

	.single-product div.product .woocommerce-tabs,
	.single-product div.product .related.products,
	.single-product div.product .up-sells,
	.single-product div.product .fci-pasos,
	.single-product div.product .fci-confianza,
	.single-product div.product .fci-ayuda-final {
		grid-column: 1 / -1;
		width: 100% !important;
		float: none !important;
	}
}

.single-product div.product .woocommerce-product-gallery img {
	width: 100%;
	height: auto;
}

.single-product div.product .product_title {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	font-size: 1.875rem;
	color: var(--fc-text);
}

.single-product div.product p.price {
	color: var(--fc-accent);
	font-size: 1.5rem;
	font-weight: 600;
}

.single-product div.product .woocommerce-product-details__short-description {
	color: var(--fc-text-mid);
}

.single-product div.product .images img {
	border-radius: 12px;
	background: linear-gradient(170deg, #F7F3EC 0%, #EDE6D9 100%);
}

.single-product div.product form.cart .quantity .qty {
	border-radius: 10px;
	border: 1px solid var(--fc-border-mid);
	padding: 0.7em 0.5em;
}

.single-product div.product .single_add_to_cart_button {
	font-size: 1.0625rem;
	padding: 1em 2.25em !important;
}

.woocommerce-tabs ul.tabs li.active a {
	color: var(--fc-accent) !important;
}

.related.products > h2,
.woocommerce-tabs .panel h2 {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	color: var(--fc-text);
}

/* ==========================================================================
   CARRITO
   ========================================================================== */

.woocommerce-cart table.shop_table {
	background: var(--fc-surface);
	border: 1px solid var(--fc-border);
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-cart table.shop_table th {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	color: var(--fc-text);
	background: var(--fc-bg-alt);
}

.woocommerce-cart table.shop_table img {
	border-radius: 8px;
	background: linear-gradient(170deg, #F7F3EC 0%, #EDE6D9 100%);
}

.cart_totals h2 {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	font-size: 1.375rem;
	color: var(--fc-text);
}

.wc-proceed-to-checkout .checkout-button {
	font-size: 1.0625rem !important;
	padding: 1em 2em !important;
}

/* ==========================================================================
   CHECKOUT
   ========================================================================== */

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3,
#order_review_heading {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	font-size: 1.375rem;
	color: var(--fc-text);
	margin-bottom: 1rem;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #payment {
	background: var(--fc-bg-alt);
	border: 1px solid var(--fc-border);
	border-radius: 12px;
	padding: 1.5rem !important;
}

.woocommerce-checkout #payment {
	margin-top: 1rem;
}

.woocommerce-checkout table.shop_table {
	background: transparent;
	border: none;
}

.woocommerce-checkout #payment .payment_methods li {
	border-radius: 10px;
	background: #FFFFFF;
	border: 1px solid var(--fc-border);
	margin-bottom: 0.625rem;
	padding: 0.875rem 1rem !important;
}

.woocommerce-checkout #payment .payment_box {
	background: var(--fc-accent-pale) !important;
	border-radius: 8px;
	color: var(--fc-text-mid);
}

#place_order {
	width: 100%;
	font-size: 1.125rem !important;
	padding: 1.1em 2em !important;
	margin-top: 1rem;
}

/* ==========================================================================
   BLOG — archivo y entrada individual
   ========================================================================== */

.blog .site-main,
.archive:not(.woocommerce) .site-main,
.single-post .site-main {
	max-width: 47rem;
	margin-left: auto;
	margin-right: auto;
}

.blog article.post,
.archive article.post {
	background: var(--fc-surface);
	border: 1px solid var(--fc-border);
	border-radius: 12px;
	padding: 2rem 2.25rem;
	margin-bottom: 2rem;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.blog article.post:hover,
.archive article.post:hover {
	border-color: var(--fc-accent);
	box-shadow: var(--fc-shadow-card);
}

.blog .entry-title,
.archive .entry-title,
.single-post .entry-title {
	font-family: var(--fuente-titulo);
	font-weight: 400;
	line-height: 1.25;
}

.blog .entry-title a,
.archive .entry-title a {
	color: var(--fc-text);
	text-decoration: none;
}

.blog .entry-title a:hover,
.archive .entry-title a:hover {
	color: var(--fc-accent);
}

.blog .posted-on,
.archive .posted-on,
.single-post .posted-on {
	font-family: var(--fuente-titulo);
	font-size: 0.875rem;
	color: var(--fc-accent);
	letter-spacing: 0.05em;
}

.blog .entry-content,
.archive .entry-content {
	color: var(--fc-text-mid);
}

.blog .post-thumbnail img,
.archive .post-thumbnail img,
.single-post .post-thumbnail img {
	border-radius: 10px;
}

.single-post .entry-content {
	font-size: 1.0625rem;
	line-height: 1.75;
}

.single-post .entry-content h2,
.single-post .entry-content h3 {
	font-family: var(--fuente-titulo);
	font-weight: 400;
}

.more-link {
	color: var(--fc-accent);
	font-weight: 600;
}

/* Botones de la grilla de productos — bronce garantizado */
ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
	background-color: var(--fc-accent) !important;
	color: #FFFFFF !important;
}

/* Radios y checkboxes en bronce */
input[type="radio"],
input[type="checkbox"] {
	accent-color: var(--fc-accent);
}

/* Blog sin widgets laterales por defecto */
.blog #secondary,
.archive #secondary,
.single-post #secondary {
	display: none;
}