/*
Theme Name: Sol Naciente
Theme URI: https://editorialsolnaciente.com
Description: Tema de Editorial Sol Naciente. Identidad cálida y cercana con autoridad pedagógica, construida sobre Twenty Twenty-Five.
Author: Editorial Sol Naciente
Template: twentytwentyfive
Version: 1.0.0
Text Domain: solnaciente
*/

/* ---------------------------------------------------------
   Detalles que theme.json no cubre
   --------------------------------------------------------- */

/* Encabezado pegajoso y discreto */
.wp-site-blocks > header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--arena);
}

/* Botones: forma redondeada, coherente con el trazo a mano del logo */
.wp-element-button,
.wp-block-button__link {
	border-radius: 999px;
	padding: 0.85em 1.75em;
	font-family: var(--wp--preset--font-family--cuerpo);
	font-weight: 700;
	letter-spacing: 0.01em;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(31, 122, 85, 0.22);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 2px;
}

/* Tarjetas de producto: aire, borde suave, y la portada siempre completa */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--arena);
	border-radius: 14px;
	padding: 1rem;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(43, 33, 24, 0.10);
}

/* Las portadas son de proporciones muy distintas (apaisadas y verticales):
   se muestran completas sobre un fondo neutro en vez de recortarse. */
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img,
.wp-block-post-featured-image img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: var(--wp--preset--color--arena);
	border-radius: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--titulos);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.3;
}

.woocommerce ul.products li.product .price {
	font-family: var(--wp--preset--font-family--cuerpo);
	font-weight: 700;
	color: var(--wp--preset--color--verde);
}

/* Formulario de cotización */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	padding: 0.8em 1em;
	border: 1.5px solid var(--wp--preset--color--arena);
	border-radius: 10px;
	background: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--cuerpo);
	font-size: 1rem;
	color: var(--wp--preset--color--contrast);
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--verde);
	box-shadow: 0 0 0 3px rgba(31, 122, 85, 0.15);
}

.wpcf7 input[type="submit"] {
	background: var(--wp--preset--color--verde);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: 0.9em 2em;
	font-family: var(--wp--preset--font-family--cuerpo);
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
	background: var(--wp--preset--color--verde-oscuro);
}

/* Rayos del sol: separador decorativo de la marca */
.sn-rayos {
	height: 8px;
	border: 0;
	background: repeating-linear-gradient(
		90deg,
		var(--wp--preset--color--amarillo) 0 14px,
		transparent 14px 26px
	);
	opacity: 0.9;
}

/* El menú de WhatsApp se distingue del resto */
.wp-block-navigation-item a[href*="wa.me"] {
	background: var(--wp--preset--color--verde);
	color: #fff !important;
	border-radius: 999px;
	padding: 0.5em 1.1em;
}

.wp-block-navigation-item a[href*="wa.me"]:hover {
	background: var(--wp--preset--color--verde-oscuro);
}

@media (max-width: 781px) {
	.wp-block-navigation-item a[href*="wa.me"] {
		display: inline-block;
		margin-top: 0.5rem;
	}
}