/*
Theme Name: Turismo Rural
Description: Tema hijo de Twenty Twenty-Five para sitios de emprendimientos locales (turismo, servicios, productos) que venden por WhatsApp. Framework sitios-turismo-rural. Paleta y tipografías en theme.json; aquí solo utilidades.
Author: lfernan
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turismo-rural
*/

/* Badge de tipo de experiencia (aventura / naturaleza / astronomía / a medida) */
.tr-badge {
	display: inline-block;
	padding: 0.2em 0.75em;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.02em;
}

/* Tarjeta de experiencia (inicio y hub) */
.tr-card {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 14px rgba(31, 42, 30, 0.08);
	height: 100%;
}
.tr-card__foto img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
}
.tr-card h3 a {
	text-decoration: none;
}

/* Franja de datos clave de la ficha */
.tr-datos-clave {
	border-radius: 10px;
	border-left: 6px solid var(--wp--preset--color--accent-1);
}

/* Botón flotante de WhatsApp (se inserta desde parts/footer.html) */
.tr-whatsapp {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--wp--preset--color--whatsapp);
	color: var(--wp--preset--color--accent-5);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	transition: transform 0.15s ease;
}
.tr-whatsapp:hover {
	transform: scale(1.06);
	color: var(--wp--preset--color--accent-5);
}
@media print {
	.tr-whatsapp { display: none; }
}

/* Grilla de tarjetas (inicio y hub): 2 columnas en escritorio, 1 en móvil */
.tr-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}
.tr-grid > * {
	margin-block-start: 0 !important;
}
@media (max-width: 640px) {
	.tr-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Breadcrumb (Yoast emite spans sin contenedor) */
.tr-breadcrumb {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-6);
	margin-bottom: 1rem;
}

/* Tabla de precios en fichas */
.tr-precios table {
	border-collapse: collapse;
	width: 100%;
}
.tr-precios th,
.tr-precios td {
	border: 1px solid var(--wp--preset--color--accent-4);
	padding: 0.6em 0.9em;
	text-align: left;
}
.tr-precios thead th {
	background: var(--wp--preset--color--accent-4);
}

/* Mapa embebido en contacto */
.tr-mapa {
	display: block;
	max-width: 100%;
}

/* Ajustes locales Jardín El Arrayán, 2026-10-11 */
.tr-hero-floral{padding:5rem 1.5rem!important;background:radial-gradient(ellipse at 85% 20%,#869667 0,transparent 55%),linear-gradient(120deg,#364b38,#687044)!important}
.tr-hero-floral h1,.tr-hero-floral p{color:#fff!important}
.tr-hero-floral h1{max-width:850px}.tr-card{padding:1.7rem;box-sizing:border-box;border-top:4px solid #8a5a35}
.tr-cta{padding:2.5rem 1.5rem!important;margin-top:3rem!important}
.tr-datos-clave{padding:1.5rem!important}.tr-footer a,.tr-footer a:visited{color:#f7f3e8!important}.tr-footer a:hover,.tr-footer a:focus-visible{color:#fff!important;text-decoration:underline}
@media(max-width:600px){.tr-hero-floral{padding:3.5rem 1.25rem!important}.tr-card{padding:1.3rem}.tr-footer{padding-bottom:6rem!important}}
/* Material recibido el 14 de octubre de 2026 */
.tr-hero-floral{background:linear-gradient(90deg,rgba(11,47,31,.78),rgba(11,47,31,.16)),url('http://localhost:8110/wp-content/uploads/2026/10/jardin-portada.webp') center 55%/cover!important;min-height:490px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.tr-hero-floral> *{width:100%;max-width:1200px!important}.tr-hero-floral h1{font-size:clamp(2.7rem,5vw,4.7rem)}
.jardin-inicio-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px auto 48px;max-width:1200px!important}.jardin-photo{margin:0}.jardin-photo img{width:100%;height:290px;object-fit:cover;display:block;border-radius:8px}
.jardin-card-photo{margin:-1.7rem -1.7rem 1.5rem!important}.jardin-card-photo img{width:100%;height:270px;object-fit:cover;display:block}.tr-card{overflow:hidden;border-top:0!important;border-radius:9px;box-shadow:0 7px 24px #263b2510}
.jardin-service-photo{margin:28px auto!important}.jardin-service-photo img{width:100%;height:390px;object-fit:cover;border-radius:8px;display:block}.jardin-secondary-photo{margin:32px auto!important;max-width:460px!important}.jardin-secondary-photo img{width:100%;max-height:470px;object-fit:cover;display:block;border-radius:8px}
@media(max-width:640px){.tr-hero-floral{min-height:490px}.jardin-inicio-fotos{grid-template-columns:1fr;gap:18px}.jardin-photo img{height:280px}.jardin-card-photo{margin:-1.3rem -1.3rem 1.3rem!important}.jardin-service-photo img{height:290px}}

/* Paleta floral renovada, 14 de octubre de 2026 */
.wp-block-site-title a{color:#246B45;text-decoration:none}.wp-block-site-title a:hover{color:#B13760}
.tr-cta{background:linear-gradient(120deg,#FFF0F4,#FFF8E9)!important;border-top:3px solid #ED9AB4}.tr-cta h2{color:#246B45}
.tr-datos-clave{background:#EDF7ED!important;border-left-color:#3E9A62}.tr-card{border:1px solid #F1DFE5}.tr-card h3{color:#246B45}
.tr-footer{background:#143F33!important;color:#F3FBF4!important}.tr-footer h2{color:#FFD5E1!important}.tr-footer a,.tr-footer a:visited{color:#F3FBF4!important}.tr-footer a:hover,.tr-footer a:focus-visible{color:#FFCBDB!important}
.wp-block-button__link{transition:background-color .15s ease,box-shadow .15s ease}.wp-block-button__link:focus-visible{outline:3px solid #F3B85B;outline-offset:4px}.wp-block-button__link:hover{box-shadow:0 4px 14px #B1376020}
.tr-hero-floral .wp-block-button__link.has-accent-2-background-color{background:#B13760!important}.tr-hero-floral .wp-block-button__link.has-accent-2-background-color:hover{background:#902A4D!important}
/* Cabecera translúcida: navegación visible sobre el contenido */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:100;background:rgba(255,252,248,.76);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);border-bottom:1px solid rgba(232,170,189,.35);box-shadow:0 3px 20px rgba(20,63,51,.06)}
.wp-site-blocks>header.wp-block-template-part>.wp-block-group{background:transparent!important}
body:has(.tr-hero-floral) .wp-site-blocks>header.wp-block-template-part{margin-bottom:-89px!important}
body:has(.tr-hero-floral) .wp-site-blocks>main{margin-block-start:0!important}
.tr-hero-floral{padding-top:9rem!important;min-height:570px}
.wp-block-navigation__responsive-container.is-menu-open{background:#FFFCF8!important;backdrop-filter:none}
@media(max-width:600px){body:has(.tr-hero-floral) .wp-site-blocks>header.wp-block-template-part{margin-bottom:-85px!important}.tr-hero-floral{padding-top:8.5rem!important;min-height:600px}.wp-site-blocks>header.wp-block-template-part>.wp-block-group{padding-left:1.25rem!important;padding-right:1.25rem!important}.wp-block-site-title{font-size:1.15rem!important}}
@media(prefers-reduced-transparency:reduce){.wp-site-blocks>header.wp-block-template-part{background:#FFFCF8}}
@media(max-width:600px){.wp-site-blocks>header.wp-block-template-part>.wp-block-group>.wp-block-group{flex-wrap:nowrap!important;gap:12px!important}.wp-block-site-title{font-size:1rem!important;white-space:nowrap}.wp-site-blocks>header .wp-block-group .wp-block-group{gap:14px}.wp-site-blocks>header .wp-block-button__link{padding:12px 18px}}
/* El menú móvil abierto cubre la pantalla, fuera del efecto de vidrio. */
.wp-site-blocks>header.wp-block-template-part:has(.wp-block-navigation__responsive-container.is-menu-open){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#FFFCF8!important}
.wp-block-navigation__responsive-container.is-menu-open{z-index:100000!important;background:#FFFCF8!important}