/*
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.3.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%;
}

/* Quyllur — identidad del logo oficial recibido el 14 de octubre de 2026. */
.wp-site-blocks{padding-top:0!important;padding-bottom:0!important}body{overflow-x:clip}.be-page{max-width:none!important;width:100%;color:#15283f}.be-header{max-width:1200px;margin:auto;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.be-header-logo{display:block;line-height:0}.be-header-logo img{width:200px;height:145px;object-fit:contain}.be-nav{display:flex;align-items:center;gap:32px}.be-nav a{color:#15283f;text-decoration:none;font-size:16px;font-weight:600;padding:10px 0;border-bottom:2px solid transparent}.be-nav a:hover,.be-nav a:focus-visible{color:#103c70;border-color:#b18a28}.be-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;background:#101727;overflow:hidden;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important}.be-hero video,.be-hero-poster,.be-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.be-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,14,30,.90),rgba(9,14,30,.35))}.be-hero-content{width:min(1200px,100%);padding:76px 28px;margin:auto;box-sizing:border-box}.be-eyebrow{font-size:13px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#765419;margin:0 0 20px}.be-hero .be-eyebrow{color:#f0d7a7}.be-hero h1{color:#fff;font-size:clamp(44px,5.8vw,76px);line-height:1.06;max-width:760px;margin:0 0 28px;letter-spacing:-.03em}.be-hero .be-lead{font-size:21px;line-height:1.65;color:#f0eae5;max-width:580px;margin:0 0 34px}.be-button{display:inline-flex;align-items:center;justify-content:center;background:#103c70;color:white!important;text-decoration:none;border:1px solid #103c70;border-radius:5px;padding:15px 25px;font-size:16px;font-weight:700}.be-button:hover,.be-button:focus-visible{background:#174f90;outline:3px solid #f4d45a;outline-offset:4px}.be-hero .be-button{background:#f4d45a;border-color:#f4d45a;color:#15283f!important}.be-pause{position:absolute;bottom:20px;right:24px;background:rgba(10,18,33,.8);color:white;border:1px solid #ccc;border-radius:4px;padding:8px 13px;cursor:pointer}.be-section{max-width:1200px;margin:0 auto;padding:80px 28px;box-sizing:border-box}.be-section h2{font-size:clamp(30px,3vw,44px);line-height:1.18;margin:0 0 24px;color:#103c70}.be-section p{line-height:1.8;color:#526174}.be-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.be-editorial img{width:100%;height:430px;object-fit:cover;border-radius:7px}.be-intro{font-size:20px;max-width:760px}.be-kicker{display:inline-block;border-top:2px solid #b18a28;padding-top:18px;color:#765419;font-size:14px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px}.be-photo-strip,.be-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.be-photo-strip figure,.be-gallery figure{margin:0}.be-photo-strip img,.be-gallery img{display:block;width:100%;height:290px;object-fit:cover;border-radius:5px}.be-gallery figcaption{font-size:13px;color:#526174;margin-top:9px}.be-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.be-gallery img{height:350px}.be-muted{background:#e8eef5}.be-heading{padding:70px 28px 45px}.be-heading h1{font-size:clamp(40px,5vw,62px);margin:0 0 22px;color:#103c70;line-height:1.1}.be-heading p{max-width:760px;font-size:20px}.be-feature{display:grid;grid-template-columns:1.1fr 1fr;background:white;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px rgba(42,26,38,.06)}.be-feature>img{width:100%;height:100%;min-height:380px;object-fit:cover}.be-feature-body{padding:45px}.be-feature h2{font-size:32px}.be-wide-image{width:100%;height:480px;object-fit:cover;border-radius:6px}.be-footer{background:#07172e;color:#fff;padding:58px 28px 22px;margin-top:0}.be-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:60px}.be-footer h2{color:#f4d45a;font-size:28px;margin:0 0 14px}.be-footer p,.be-footer a,.be-footer a:visited{color:#f3eee7!important}.be-footer p{max-width:440px;font-size:16px}.be-footer nav{display:flex;flex-direction:column;gap:10px;font-size:16px}.be-footer a:hover,.be-footer a:focus-visible{color:#f4d45a!important}.be-copyright{max-width:1200px;margin:40px auto 0;border-top:1px solid #5b5861;padding-top:22px;font-size:14px;color:#f3eee7}.be-section:last-child{padding-bottom:80px}
@media(prefers-reduced-motion:reduce){.be-hero video{display:none}.be-pause{display:none}}
@media(max-width:700px){.be-header{padding:8px 20px;gap:16px}.be-header-logo img{width:140px;height:110px}.be-nav{gap:18px}.be-nav a{font-size:14px}.be-hero{min-height:590px}.be-hero-content{padding:65px 24px 85px}.be-hero h1{font-size:46px}.be-hero .be-lead{font-size:18px}.be-section{padding:50px 22px}.be-editorial{grid-template-columns:1fr;gap:32px}.be-editorial img{height:320px}.be-photo-strip{grid-template-columns:1fr}.be-photo-strip img{height:270px}.be-gallery{gap:22px 14px}.be-gallery img{height:230px}.be-feature{grid-template-columns:1fr}.be-feature>img{height:290px;min-height:0}.be-feature-body{padding:28px}.be-footer-inner{grid-template-columns:1fr;gap:28px}.be-wide-image{height:320px}.be-heading{padding-top:45px}.be-footer{padding-bottom:28px}}
@media(max-width:420px){.be-gallery{grid-template-columns:1fr}.be-gallery img{height:280px}}

/* Full-width content follows the actual WordPress container, including scrollbar width. */
.be-page{width:calc(100% + var(--wp--style--root--padding-left,0px) + var(--wp--style--root--padding-right,0px));margin-left:calc(-1 * var(--wp--style--root--padding-left,0px))!important}.be-hero{width:100%;margin-left:0!important}