/*
Theme Name: Crecer con método
Theme URI: https://crecerconmetodo.com
Author: Álvaro Santiago
Description: Tema clásico a medida para la web de marca personal de Álvaro Santiago. Sin constructor visual, sin jQuery, fuentes alojadas en el propio servidor.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: crecerconmetodo
*/

/* Fuentes alojadas localmente (RGPD: ninguna petición a Google). Licencia OFL en assets/fonts. */
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url(assets/fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format('woff2-variations'), url(assets/fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-display: swap;
	font-weight: 200 800;
	src: url(assets/fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2-variations'), url(assets/fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-display: swap;
	font-weight: 400 700;
	src: url(assets/fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2-variations'), url(assets/fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-display: swap;
	font-weight: 400 700;
	src: url(assets/fonts/instrument-sans-latin-wght-normal.woff2) format('woff2-variations'), url(assets/fonts/instrument-sans-latin-wght-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Base (igual que el <helmet> de los diseños) */
body{margin:0;background:#F6F6F3}
a{color:#101418}a:hover{color:#3A4350}
input,textarea{font-family:inherit}

/* Utilidades */
[hidden]{display:none !important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
:focus-visible{outline:3px solid #B07A00;outline-offset:3px}
.ccm-dark :focus-visible,#test :focus-visible,#contacto :focus-visible{outline-color:#FFC93C}
#test [data-ccm="result"] :focus-visible{outline-color:#101418}
[data-ccm="result-title"]:focus{outline:none}
.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ccm-skip{position:absolute;left:16px;top:-80px;z-index:1000;background:#101418;color:#FFFFFF;padding:12px 18px;border-radius:999px;font-weight:600;text-decoration:none}
.ccm-skip:focus{top:16px;color:#FFFFFF}
.ccm-hp{position:absolute !important;left:-10000px !important;top:auto;width:1px;height:1px;overflow:hidden}

/* Formulario de contacto: estados */
.ccm-form-msg{margin:0;padding:14px 18px;border-radius:14px;font-size:17px;font-weight:600}
.ccm-form-msg--ok{background:#FFC93C;color:#101418}
.ccm-form-msg--error{background:#3A1F1F;color:#FFFFFF;border:1px solid #E5735F}
.ccm-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:500;color:#C9CED6;line-height:1.45;cursor:pointer}
.ccm-check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#FFC93C;cursor:pointer}
.ccm-check a{color:#FFFFFF;font-weight:600}
.ccm-check a:hover{color:#FFC93C}
#contacto a:hover{color:#FFFFFF}
#contacto input:focus,#contacto textarea:focus{border-color:#FFC93C !important}
button[disabled]{opacity:.7;cursor:progress !important}

/* Páginas genéricas y legales */
.ccm-prose{max-width:760px;font-size:18px;color:#2C333C}
.ccm-prose h2{margin:48px 0 12px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-0.02em;color:#101418}
.ccm-prose h3{margin:32px 0 8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;line-height:1.2;color:#101418}
.ccm-prose p{margin:0 0 16px}
.ccm-prose ul,.ccm-prose ol{margin:0 0 16px;padding-left:22px}
.ccm-prose li{margin:0 0 6px}
.ccm-prose a{font-weight:600}
.ccm-prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}
.ccm-prose th,.ccm-prose td{border-top:1px solid #D9D9D3;padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.ccm-prose .ccm-table-wrap{overflow-x:auto}
@media (max-width: 600px){
	.ccm-prose table,.ccm-prose tbody,.ccm-prose tr,.ccm-prose td{display:block;width:auto}
	.ccm-prose thead{display:none}
	.ccm-prose tr{border-top:1px solid #D9D9D3;padding:12px 0}
	.ccm-prose td{border:0;padding:2px 0}
	.ccm-prose td:first-child{font-weight:600;color:#101418;overflow-wrap:anywhere}
}