/*
Theme Name: Victor Garrigós
Theme URI: https://estudiohorizontal.es/
Description: Tema hijo personalizado para el sitio del Método ORS® de Víctor Garrigós Selfa. Basado en Hello Elementor. Incluye estilos visuales, templates de CPT (terapias / retos / talleres / retiros / formaciones), enqueue de fuentes y customizaciones del admin.
Author: estudio horizontal
Author URI: https://estudiohorizontal.es/
Template: hello-elementor
Version: 1.8.2
Text Domain: victor-garrigos
Tags: custom-logo, custom-menu, custom-colors, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ============================================================
   Custom styles del tema hijo
   Los estilos globales viven en Site Settings → Custom CSS del Kit Elementor.
   Este archivo es solo para overrides puntuales del tema padre.
   ============================================================ */

/* Marquee del ticker de disciplinas (hero home).
   Único keyframe declarado en CSS externo — el resto del estilado
   del ticker se mantiene 100% en controles nativos de Elementor. */
@keyframes tick {
	to { transform: translateX(-50%); }
}

/* Tarjetas del CPT "reto" (loop /retos-online/) — botones de la ficha.
   Render por shortcode [ors_reto_botones]: lee los ACF boton_N_texto/enlace
   y monta 1-3 botones con la estética nativa de Elementor.
   - Botón 1 → marrón corporativo (--text del proyecto)
   - Botones 2 y 3 → gris-tierra corporativo (--base)
   - Hover unificado en --base-dk */
.ors-reto-btns {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 8px;
}
.ors-reto-btn.elementor-button {
	font-family: 'Jost', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #FFFFFF;
	border-radius: 60px;
	text-decoration: none;
	text-align: center;
	justify-content: center;
	transition: background-color .2s ease, color .2s ease;
}
.ors-reto-btn--1.elementor-button { background-color: #252018; }
.ors-reto-btn--2.elementor-button,
.ors-reto-btn--3.elementor-button,
.ors-reto-btn--4.elementor-button { background-color: #9B9A84; }
.ors-reto-btn.elementor-button:hover,
.ors-reto-btn.elementor-button:focus {
	background-color: #797869;
	color: #FFFFFF;
}
.ors-reto-btn--nolink.elementor-button {
	cursor: default;
	pointer-events: none;
}

/* ============================================================
   Testimonios — recorte + «Leer más» (OPT-IN)
   Elementor no trae recorte de texto en el Testimonial Carousel.
   Se activa poniendo la clase `ors-testi-clamp` en el widget
   (Avanzado → Clases CSS). Sin esa clase esto no aplica a NADA.
   El botón lo inyecta assets/js/testimonial-clamp.js.

   Para cambiar cuánto se ve antes de desplegar, solo esta variable:
   --ors-clamp-lines (nº de líneas visibles).
   Tipografía y color de las reseñas siguen 100% en controles
   nativos de Elementor; aquí solo vive el recorte y el botón.
   ============================================================ */
.ors-testi-clamp {
	--ors-clamp-lines: 6;
}
.ors-testi-clamp .elementor-testimonial__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--ors-clamp-lines);
	line-clamp: var(--ors-clamp-lines);
	overflow: hidden;
}
.ors-testi-clamp .elementor-testimonial__text.is-open {
	display: block;
	overflow: visible;
}

.ors-testi-more {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	padding: 0;
	background: none;
	border: 0;
	border-bottom: 1px solid currentColor;
	font-family: 'Jost', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	line-height: 1.6;
	color: #9B9A84;
	cursor: pointer;
	transition: color .2s ease;
}
.ors-testi-more:hover,
.ors-testi-more:focus-visible {
	color: #797869;
}
/* Chevron construido con bordes — sin SVG ni icon font extra. */
.ors-testi-more::after {
	content: '';
	width: 5px;
	height: 5px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .2s ease;
}
.ors-testi-more[aria-expanded="true"]::after {
	transform: translateY(1px) rotate(-135deg);
}