/*
Theme Name: Tiempo de Sol
Description: Tema de la tienda Tiempo de Sol (hijo de Twenty Twenty-Five). Verano elegante: crema, turquesa y coral.
Template: twentytwentyfive
Version: 1.1.2
Author: Tiempo de Sol
Text Domain: tiempodesol
*/

/* Tarjetas de producto */
.wc-block-product-template .wc-block-components-product-image img,
.wc-block-grid__product-image img,
.tds-card img {
	border-radius: 18px;
	background: var(--wp--preset--color--blanco);
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform .35s ease;
}
.wc-block-product-template li:hover .wc-block-components-product-image img,
.tds-card:hover img {
	transform: scale(1.03);
}
.wc-block-components-product-image { overflow: hidden; border-radius: 18px; }

/* Precio y oferta */
.wc-block-components-product-price,
.wc-block-components-product-price .woocommerce-Price-amount { color: var(--wp--preset--color--tinta); font-weight: 600; }
.wc-block-components-product-price del { color: var(--wp--preset--color--gris); font-weight: 400; }
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--coral) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-weight: 600;
}

/* Cabecera */
.tds-header { border-bottom: 1px solid var(--wp--preset--color--arena); }
.tds-header .wp-block-site-logo img,
.tds-logo img { height: auto; }
.tds-topbar a { color: inherit; }

/* Tarjetas de categoría */
.tds-cat {
	border-radius: 22px;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.tds-cat:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -18px rgba(30, 52, 56, .45); }
.tds-cat a { text-decoration: none; }

/* Beneficios */
.tds-beneficio .tds-icono {
	width: 52px; height: 52px; border-radius: 50%;
	display: grid; place-items: center;
	background: var(--wp--preset--color--turquesa-suave);
	color: var(--wp--preset--color--turquesa-oscuro);
	font-size: 24px; margin-bottom: .6rem;
}

/* Detalle sol (asterisco del logo) */
.tds-destello::after {
	content: "✳";
	color: var(--wp--preset--color--coral);
	margin-left: .25em;
	font-size: .7em;
	vertical-align: super;
}

/* Botón WhatsApp flotante */
.tds-whatsapp {
	position: fixed; right: 18px; bottom: 18px; z-index: 50;
	width: 56px; height: 56px; border-radius: 50%;
	background: #25D366; color: #fff;
	display: grid; place-items: center;
	box-shadow: 0 8px 20px -6px rgba(0,0,0,.35);
}
.tds-whatsapp svg { width: 30px; height: 30px; fill: currentColor; }

@media (max-width: 781px) {
	.tds-hero-texto { text-align: center; }
	.tds-hero-texto .wp-block-buttons { justify-content: center; }
}

/* Sin espacios entre cabecera, contenido y pie */
.wp-site-blocks > main,
.wp-site-blocks > footer { margin-block-start: 0; }

/* Enlaces del pie más limpios */
footer .wp-block-list a { text-decoration: none; color: var(--wp--preset--color--tinta); }
footer .wp-block-list a:hover { color: var(--wp--preset--color--coral); }

/* Banner ilustrado */
.tds-hero-img img { width: 100%; height: auto; border-radius: 28px; box-shadow: 0 30px 60px -35px rgba(30, 52, 56, .45); }

/* Imagen de categoría dentro de la tarjeta */
.tds-cat { padding: 0 !important; }
.tds-cat .tds-cat-img { margin: 0 0 1.2rem; }
.tds-cat .tds-cat-img img { width: 100%; height: auto; display: block; }
.tds-cat > :not(.tds-cat-img) { padding-left: 1.8rem; padding-right: 1.8rem; }
.tds-cat > :last-child { padding-bottom: 1.8rem; }

/* Íconos de línea */
.tds-beneficio .tds-icono svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Celular */
@media (max-width: 781px) {
	.tds-header .wp-block-navigation { order: 3; }
	.tds-logo img { width: 180px !important; }
	.tds-topbar p { font-size: .75rem; }
	.tds-hero-img { max-width: 520px; margin-inline: auto; }
	.tds-beneficio { text-align: center; }
	.tds-beneficio .tds-icono { margin-inline: auto; }
}

/* Ajuste de espacio imagen → título en categorías */
.tds-cat .tds-cat-img { margin-bottom: .4rem; }
.tds-cat h3 { margin-top: 0; }

@media (max-width: 781px) {
	.tds-cat {
		display: grid;
		grid-template-columns: 38% 1fr;
		column-gap: 1rem;
		align-items: center;
	}
	.tds-cat .tds-cat-img { grid-column: 1; grid-row: 1 / span 3; margin: 0; align-self: stretch; }
	.tds-cat .tds-cat-img img { height: 100%; object-fit: cover; }
	.tds-cat > :not(.tds-cat-img) { grid-column: 2; padding-left: 0; padding-right: 1rem; margin: .2rem 0; }
	.tds-cat > :last-child { padding-bottom: 0; }
	.tds-cat h3 { font-size: 1.35rem !important; padding-top: 1rem; }
	.tds-cat > p:not(:last-child) { font-size: .85rem; line-height: 1.4; }
	.tds-cat > p:last-child { padding-bottom: 1rem; }
}

@media (max-width: 781px) {
	.wp-block-columns:has(> .tds-beneficio) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 1.6rem 1rem; }
	.tds-beneficio h4 { font-size: 1.05rem !important; margin: .3rem 0; }
	.tds-beneficio p { font-size: .8rem !important; line-height: 1.4; }
}