@layer properties,theme,base;@layer components{.fichas-modulo{align-items:start;gap:1rem;display:grid}@media (width>=64rem){.fichas-modulo{grid-template-columns:repeat(2,minmax(0,1fr))}}.ficha-modulo{border:1px solid var(--borde-suave);border-radius:var(--radio-xl);background-color:var(--tarjeta);transition:border-color var(--transicion), box-shadow var(--transicion)}.ficha-modulo[open]{border-color:color-mix(in srgb, var(--acento-2) 40%, transparent);box-shadow:var(--sombra-reposo)}.ficha-modulo::details-content{block-size:0;transition:block-size var(--transicion-suave), content-visibility var(--transicion-suave) allow-discrete;overflow-y:clip}.ficha-modulo[open]::details-content{block-size:auto}.ficha-modulo:has(:target)::details-content{transition:none}.ficha-modulo__cabecera{border-radius:var(--radio-xl);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.125rem 1rem;padding:1.25rem;list-style:none;display:grid}.ficha-modulo__cabecera::-webkit-details-marker{display:none}.ficha-modulo__cabecera>h3{grid-column:1/-1;align-items:flex-end;min-height:2lh;margin-top:.75rem;display:flex}.ficha-modulo__resumen{min-height:2lh;color:var(--texto-suave);font-size:var(--tamano-xs);grid-column:1/-1}.ficha-modulo__cabecera:after{content:"+";content:"+" / "";border-radius:var(--radio-md);background-color:var(--tinte);width:2.25rem;height:2.25rem;color:var(--texto);font-size:var(--tamano-md);transition:transform var(--transicion-suave), background-color var(--transicion), color var(--transicion);grid-area:1/3;place-items:center;display:grid}.ficha-modulo[open]>.ficha-modulo__cabecera:after{transform:rotate(45deg)}.ficha-modulo__cabecera:hover:after,.ficha-modulo[open]>.ficha-modulo__cabecera:after{background-color:var(--primario);color:var(--primario-texto)}.ficha-modulo__cuerpo{padding:0 1.25rem 1.5rem;scroll-margin-top:17rem}.ficha-modulo__subtitulo{font-family:var(--fuente-display);font-size:var(--tamano-base);font-weight:700}@media (width>=40rem){.ficha-modulo__cabecera{padding:1.5rem}.ficha-modulo__cabecera>.icono-circulo,.ficha-modulo__cabecera:after{grid-row:1/span 2}.ficha-modulo__cabecera>h3,.ficha-modulo__resumen{grid-column:2}.ficha-modulo__cabecera>h3{margin-top:0}.ficha-modulo__cuerpo{padding:0 1.5rem 1.75rem;scroll-margin-top:12rem}}@media (prefers-reduced-motion:no-preference){.ficha-modulo[open] .ficha-modulo__cuerpo{animation:aparecer .6s var(--curva-salida) both}}}@layer utilities;