/* Will Does It · layout del home (complementa ds/willdoesit/components/bundle.css) */
:root { --celeste: #a8d8ea; --celeste-13: #f4fafc; --azul-noche: #1c2b4a; --amarillo: #f5d63d; }
.wdi-btn--sip { border-color: var(--azul-noche) !important; color: var(--azul-noche) !important; }
.wdi-btn--sip:hover { background: var(--azul-noche) !important; color: var(--amarillo) !important; border-color: var(--azul-noche) !important; }
.wdi-btn--sip:focus-visible { outline-color: var(--azul-noche); }
.sec { flex: none; }
.wdi-sintomas.wdi-sintomas--light li { font-weight: 300; font-style: italic; font-size: 24px; letter-spacing: -0.005em; }
.wdi-sintomas.wdi-sintomas--light li.mas { font-size: 18px; }
/* Paleta del home: tinta + celeste. Nada de terracota. */
.wdi-kicker--coral, .wdi-link, .wdi-pasos li::before, .wdi-acordeon summary .wdi-plus, .wdi-h1 .wdi-embed-mark { color: var(--tinta); }
.wdi-wordmark .i::after { background: var(--tinta); }
.wdi-opcion:hover { background: var(--celeste-13) !important; color: var(--tinta) !important; }
.wdi-opcion:focus-visible, .wdi-flecha:focus-visible { outline: 2px solid var(--tinta); outline-offset: 2px; }
.wdi-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 2px; transition: background .15s, color .15s; }
.wdi-btn:focus-visible, .wdi-link:focus-visible, .wdi-menu-btn:focus-visible, .wdi-acordeon summary:focus-visible { outline-color: var(--tinta); }
.wdi-header { position: sticky; }
.wdi-nav { position: absolute; left: 0; right: 0; top: 64px; }
.wdi-embed { background-size: cover; background-position: center 20%; }
.wdi-pasos li { border-top: 1px solid var(--tinta); padding-top: 16px; }
.wdi-sintomas li { font-size: 22px; }

/* Móvil: texto corrido a 16px como mínimo */
.wdi-pasos p, .wdi-acordeon details p { font-size: 16px; }