/* Extensión del sitio: usa la paleta y las tipografías de estilos.css. */
[hidden]{display:none!important}
.crecimiento main{max-width:900px;margin:auto;padding:32px var(--margen) 80px}
.crecimiento .marca{width:fit-content;margin-bottom:48px}
.crecimiento h1{font-size:clamp(32px,6vw,52px);margin:18px 0 24px}
.crecimiento h2{font-size:clamp(23px,4vw,30px);margin-bottom:18px}
.crecimiento h3{font-size:21px;margin-bottom:14px}
.crecimiento p{margin:14px 0}
.crecimiento article,.crecimiento section{border:1px solid var(--linea);padding:24px;border-radius:var(--radio);margin:24px 0;overflow-wrap:anywhere;background:var(--blanco)}
.crecimiento small{color:var(--piedra)}
.crecimiento label{display:block;margin:16px 0 5px}
.crecimiento input,.crecimiento textarea,.crecimiento select,.crecimiento button{font:inherit;max-width:100%;color:inherit}
.crecimiento input:not([type=checkbox]),.crecimiento textarea,.crecimiento select{display:block;width:100%;padding:12px;border:1px solid var(--linea);border-radius:12px;background:var(--papel)}
.crecimiento textarea{min-height:130px}
.crecimiento button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--roca);background:var(--roca);color:var(--papel);border-radius:999px;padding:12px 22px;cursor:pointer;margin-top:18px;font:600 15px/1.3 var(--texto);transition:background var(--rapido)}
.crecimiento button:hover{background:var(--noche)}
.crecimiento button.secundario{background:transparent;color:var(--roca)}
.crecimiento nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.crecimiento nav form{margin:0}
.crecimiento .aviso{border-left:3px solid var(--bronce);padding:14px;white-space:pre-wrap}
.crecimiento .texto{white-space:pre-wrap}
.crecimiento .dias{display:flex;gap:14px;flex-wrap:wrap}
.crecimiento .dias label{margin:10px 0}
.crecimiento summary{cursor:pointer;font-weight:600;padding:12px 0}
@media(max-width:480px){.crecimiento article,.crecimiento section{padding:18px}.crecimiento main{padding-top:24px}}

/* Días de crecimiento: mismos títulos, citas y campos del sitio. */
.crecimiento .dia-seccion{padding:22px 0;border-bottom:1px solid var(--linea)}
.crecimiento .dia-seccion:last-child{border-bottom:0}
.crecimiento .dia-seccion h4{font:700 19px/1.3 var(--titulo);letter-spacing:-.025em;margin:0 0 10px}
.crecimiento .dia-seccion p{margin:10px 0;overflow-wrap:anywhere}
.crecimiento .dia-seccion label{font-size:14px;color:var(--piedra);font-weight:600}
.crecimiento .dia-seccion textarea{min-height:150px}
.crecimiento .respuesta-guardada{border-left:2px solid var(--salvia);padding:4px 18px;margin:16px 0}
.crecimiento .dia-pregunta{scroll-margin-top:24px}
.crecimiento article[id]{scroll-margin-top:24px}
.crecimiento .dia-cita>.texto{font:400 italic 24px/1.45 var(--cita);color:var(--bronce)}

.crecimiento .hoy{border-top:4px solid var(--bronce);background:var(--suave)}
.crecimiento progress{width:100%;height:8px;accent-color:var(--bronce);display:block;margin:12px 0 24px}
.crecimiento .avance-cifra,.crecimiento .guardado{font-size:14px;color:var(--piedra)}
.crecimiento .etapas{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:8px;margin:22px 0}
.crecimiento .etapas li{font-size:12px;border-top:3px solid var(--linea);padding-top:8px;color:var(--piedra)}
.crecimiento .etapas li[aria-current]{border-color:var(--bronce);color:var(--roca);font-weight:700}
.crecimiento .recorrido{scroll-margin-top:18px}
.crecimiento .paso:focus{outline:none}
.crecimiento .recorrido-controles{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.crecimiento .actividad-desplegable>summary h3{display:inline;font-size:21px}
.crecimiento .actividad-desplegable>summary{padding:4px 0}