/* Landing Sandra Carrillo — estilos globales del diseño v14.
   El resto de estilos van en línea en las plantillas, igual que en el diseño. */

html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; }
a { color: #183C32; text-decoration: none; }
a:hover { color: #C2B280; }

[hidden] { display: none !important; }

/* Cabecera fija bajo la barra de administración de WordPress. */
.sc-header { top: var(--wp-admin--admin-bar--height, 0px) !important; }
@media screen and (max-width: 600px) {
	.admin-bar .sc-header { top: 0 !important; }
}

/* Los anclajes no quedan tapados por la cabecera fija. */
.sc-root [id] { scroll-margin-top: 80px; }

/* En móviles, las tarjetas no desbordan la pantalla. */
.sc-root article { min-width: 0; }

/* Signo + que gira a × al abrir. */
.sc-sign.is-open { transform: rotate(45deg); }

/* Tarjetas de "¿Qué necesitas hoy?". */
.sc-hover-green:hover { border-color: #183C32 !important; }
.sc-hover-gold:hover { border-color: #C2B280 !important; }

/* Pestañas del Método CLARA. */
.sc-clara-tab {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	padding: 16px 18px;
	cursor: pointer;
	border: 0;
	text-align: left;
	font-family: 'Work Sans', sans-serif;
	background: transparent;
	color: #F5F0E6;
	border-top: 2px solid #2E5347;
}
.sc-clara-tab.is-active {
	background: #C2B280;
	color: #183C32;
	border-top-color: #C2B280;
}

/* Foco visible con teclado. */
.sc-root button:focus-visible,
.sc-root a:focus-visible {
	outline: 2px solid #C2B280;
	outline-offset: 3px;
}

/* Páginas interiores (entradas, páginas, archivo). */
.sc-page { max-width: 760px; margin: 0 auto; padding: 88px 24px; }
.sc-page h1, .sc-page h2, .sc-page h3 { font-family: 'Newsreader', serif; font-weight: 300; color: #183C32; line-height: 1.15; }
.sc-page h1 { font-size: clamp(34px, 4.6vw, 52px); margin: 16px 0 0; }
.sc-page .sc-entry { margin-top: 32px; font-size: 17px; font-weight: 300; line-height: 1.8; color: #303030; }
.sc-page .sc-entry a { border-bottom: 1px solid #C2B280; }
.sc-page .sc-entry img { max-width: 100%; height: auto; }
.sc-page .sc-kicker { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #183C32; }
.sc-page .sc-list-item { display: block; padding: 22px 0; border-top: 1px solid #E3DCCB; }
.sc-page .sc-list-item:first-of-type { border-top-color: #183C32; }
.sc-page .sc-list-title { display: block; font-family: 'Newsreader', serif; font-weight: 300; font-size: 26px; line-height: 1.25; color: #183C32; margin-top: 8px; }