.cf-main{padding:var(--espacio-4xl) var(--espacio-lg);max-width:1200px;margin:var(--espacio-lg) auto}.how-it-works{display:flex;flex-direction:column;gap:var(--espacio-md);margin:1rem}.cf-cabecera{text-align:center;margin-bottom:var(--espacio-2xl)}.cf-etiqueta{display:inline-block;font-size:var(--texto-sm);font-weight:var(--peso-bold);color:var(--color-accion);letter-spacing:.05em;margin-bottom:var(--espacio-sm)}.cf-titulo{text-transform:uppercase;color:var(--color-texto);margin-bottom:var(--espacio-sm)}.cf-subtitulo{font-size:var(--texto-base);color:var(--color-texto-suave)}.cf-paneles{display:flex;flex-wrap:wrap;gap:var(--espacio-lg);width:100%}.cf-panel-contenido{align-items:center;flex:1 1 min(100%,380px);display:flex;flex-direction:column;gap:var(--espacio-md)}.cf-panel{align-items:center;flex:1 1 min(100%,380px);position:relative;border:1px solid var(--color-borde);border-radius:var(--radio-lg);padding:var(--espacio-lg);display:flex;flex-direction:column;gap:var(--espacio-md);overflow:hidden;z-index:1;background:var(--color-tarjeta);outline:none;transition:border-color .3s ease,transform .4s cubic-bezier(.25,1,.5,1)}.cf-panel>*{opacity:1;filter:grayscale(0%);transition:opacity .2s ease,filter .2s ease}.cf-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:-2;opacity:0;transition:opacity .4s ease;transform-origin:center}.cf-panel--fisio:before{background:conic-gradient(from 0deg,transparent 60%,var(--color-foco),transparent 90%)}.cf-panel--paciente:before{background:conic-gradient(from 0deg,transparent 60%,var(--color-accion),transparent 90%)}.cf-panel:after{content:"";position:absolute;inset:2px;background:var(--color-tarjeta);border-radius:calc(var(--radio-lg) - 1px);z-index:-1}.cf-panel:hover,.cf-panel:focus-within{border-color:transparent;transform:translateY(-1px)}.cf-panel:hover:before,.cf-panel:focus-within:before{opacity:1;animation:cf-borde-giratorio 4s linear infinite}.cf-panel--fisio .cf-panel-icono-principal,.cf-panel--fisio .cf-paso-icono{color:var(--color-texto-suave);transition:color .3s ease}.cf-panel--fisio:hover .cf-panel-icono-principal,.cf-panel--fisio:hover .cf-paso-icono,.cf-panel--fisio:focus-within .cf-panel-icono-principal{color:var(--color-foco)}.cf-panel--paciente .cf-panel-icono-principal,.cf-panel--paciente .cf-paso-icono{color:var(--color-texto-suave);transition:color .3s ease}.cf-panel--paciente:hover .cf-panel-icono-principal,.cf-panel--paciente:hover .cf-paso-icono,.cf-panel--paciente:focus-within .cf-panel-icono-principal{color:var(--color-accion)}.cf-panel-cabecera{display:flex;align-items:center;gap:var(--espacio-md);border-bottom:1px solid var(--color-borde-suave);padding-bottom:var(--espacio-md)}.cf-panel-icono-principal{display:flex;align-items:center}.cf-panel-titulo{font-size:var(--texto-xl);color:var(--color-texto)}.cf-pasos{list-style:none;display:flex;flex-direction:column;gap:var(--espacio-md)}.cf-pasos li{display:flex;align-items:flex-start;gap:var(--espacio-md);font-size:var(--texto-base);color:var(--color-texto-suave);line-height:var(--linea-normal)}.cf-paso-icono{display:flex;align-items:center;flex-shrink:0}.cf-btn{display:inline-flex;align-items:center;margin-top:var(--espacio-lg)}.cf-pasos li:nth-child(n+2){display:none}.cf-panel.is-expanded .cf-pasos li:nth-child(n+2){display:flex}@keyframes cf-borde-giratorio{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cf-panel-expandible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.25,1,.5,1)}.cf-panel-expandible>.cf-pasos{overflow:hidden}.cf-panel.is-expanded .cf-panel-expandible{grid-template-rows:1fr}.cf-panel-expandible li{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s cubic-bezier(.25,1,.5,1)}.cf-panel.is-expanded .cf-panel-expandible li{opacity:1;transform:translateY(0)}.cf-panel.is-expanded .cf-panel-expandible li:nth-child(1){transition-delay:.15s}.cf-panel.is-expanded .cf-panel-expandible li:nth-child(2){transition-delay:.3s}@media(hover:hover)and (min-width:768px){.cf-paneles:has(.cf-panel:hover,.cf-panel:focus-within) .cf-panel:not(:hover):not(:focus-within)>*{opacity:.35;filter:grayscale(88%);transition:opacity .5s ease .1s,filter .5s ease .1s}}