:root{--color-primary:#c8762a;--color-primary-dark:#a85e1e;--color-secondary:#d4956a;--color-bg:#fdf6ee;--color-surface:#faf0e0;--color-surface-alt:#fff;--color-accent:#fae0b8;--color-border:#e8c99a;--color-border-dark:#d4a86a;--color-text:#3d1c02;--color-text-mid:#8b4513;--color-text-soft:sienna;--color-text-inverse:#fdf6ee;--font-serif:"EB Garamond", Georgia, serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #3d1c0214;--shadow-md:0 4px 12px #3d1c021f;--shadow-lg:0 8px 24px #3d1c0229;--transition-fast:.15s ease;--transition-normal:.25s ease;--max-width:1200px;--header-height:80px}@media (prefers-color-scheme:dark){:root{--color-bg:#1c0f05;--color-surface:#2a1a0a;--color-surface-alt:#2a1a0a;--color-accent:#3d2210;--color-border:#4a2e14;--color-border-dark:#6b4423;--color-text:#f5e6d0;--color-text-mid:#d4956a;--color-text-soft:#a07050;--color-text-inverse:#1c0f05;--color-primary-dark:#e08830}.badge-categoria--postres{color:#f0b878;background:#4a2800}.badge-categoria--primer-plato{color:#7dc47d;background:#0f2e0f}.badge-categoria--segundo-plato{color:#7d9dc4;background:#0f1a2e}.badge-categoria--salsas{color:#c47d9d;background:#2e0f1a}.badge-categoria--salados{color:#c4c47d;background:#2a2a14}.badge-categoria--bocadillos{color:#c49d7d;background:#2e1a0f}.badge-categoria{color:#d4956a;background:#3d2210}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-text);font-style:italic;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-mid);line-height:1.7}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--transition-fast);background:0 0;border:none}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}input{font-family:var(--font-sans);font-size:var(--text-base);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);color:var(--color-text);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c8762a26}input::placeholder{color:var(--color-text-soft);opacity:.7}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{max-width:var(--max-width);width:100%;padding:var(--space-lg) var(--space-md);flex:1;margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-serif{font-family:var(--font-serif);font-style:italic}.header{background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-md) var(--space-md) var(--space-sm);box-shadow:var(--shadow-md);z-index:100;align-items:center;gap:var(--space-xs) var(--space-sm);grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.header__autora{font-family:var(--font-serif);font-style:italic;font-size:var(--text-3xl);color:var(--color-text-inverse);text-align:center;grid-area:1/1/auto/-1;margin-bottom:0;line-height:1.2}.header__meta{font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;text-align:center;grid-area:3/1/auto/-1}.header__logout{color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:background var(--transition-fast);white-space:nowrap;background:#ffffff26;grid-area:2/3;place-self:center end;position:static;transform:none}.header__nueva-receta{color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:background var(--transition-fast);white-space:nowrap;background:#ffffff26;grid-area:2/1;place-self:center start;position:static;transform:none}@media (width<=600px){.header__autora{font-size:var(--text-2xl)}.recetas-grid{grid-template-columns:1fr}.detalle-panel__titulo{font-size:var(--text-lg)}}@media (width>=768px){.header{padding:var(--space-lg) var(--space-lg) var(--space-sm)}.header__autora{font-size:clamp(var(--text-2xl), 4vw, 3rem)}}.search-bar{padding:var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);top:var(--header-height);z-index:90;position:sticky}.search-bar__input-wrapper{max-width:600px;margin:0 auto var(--space-sm);position:relative}.search-bar__icon{left:var(--space-md);color:var(--color-text-soft);pointer-events:none;font-size:var(--text-base);position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{padding-left:2.5rem}.filtros{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;max-width:600px;margin:0 auto;display:flex}.filtro-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-mid);font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.filtro-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filtro-btn--activo{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.recetas-grid{gap:var(--space-md);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.estado-vacio{text-align:center;padding:var(--space-2xl);color:var(--color-text-soft);grid-column:1/-1}.estado-vacio__texto{font-family:var(--font-serif);font-style:italic;font-size:var(--text-xl);margin-bottom:var(--space-md)}.estado-vacio__btn{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm)}.estado-vacio__btn:hover{background:var(--color-primary-dark)}.detalle-panel{background:var(--color-bg);z-index:200;transition:transform var(--transition-normal);position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.detalle-panel--visible{transform:translate(0)}.detalle-panel__header{background:var(--color-primary);padding:var(--space-md);z-index:10;align-items:center;gap:var(--space-md);display:flex;position:sticky;top:0}.detalle-panel__volver{color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);background:#fff3;flex-shrink:0}.detalle-panel__volver:hover{background:#ffffff59}.detalle-panel__titulo{font-family:var(--font-serif);font-style:italic;font-size:var(--text-2xl);color:var(--color-text-inverse);flex:1}.detalle-panel__contenido{max-width:700px;padding:var(--space-xl) var(--space-md);margin:0 auto}.seccion{margin-bottom:var(--space-xl)}.seccion__titulo{font-family:var(--font-serif);font-style:italic;font-size:var(--text-xl);color:var(--color-text-mid);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);margin-bottom:var(--space-md)}.seccion__contenido{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-base);color:var(--color-text);white-space:pre-line;line-height:1.8}@media (width<=600px){.header__autora{font-size:var(--text-2xl)}.recetas-grid{grid-template-columns:1fr}.detalle-panel__titulo{font-size:var(--text-lg)}}@media (width>=768px){.header{padding:var(--space-xl) var(--space-lg)}.header__autora{font-size:clamp(var(--text-2xl), 4vw, 3rem)}}.pantalla-inicio{background:var(--color-bg);z-index:999;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.pantalla-inicio--oculta{opacity:0;visibility:hidden}.pantalla-inicio__contenido{text-align:center;padding:var(--space-xl)}.pantalla-inicio__titulo{font-family:var(--font-serif);font-style:italic;font-size:clamp(var(--text-2xl), 5vw, var(--text-3xl));color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3}.pantalla-inicio__subtitulo{font-size:var(--text-sm);color:var(--color-text-soft);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-xl)}.pantalla-inicio__puntos{gap:var(--space-sm);justify-content:center;display:flex}.pantalla-inicio__puntos span{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;animation:1.2s ease-in-out infinite pulso}.pantalla-inicio__puntos span:nth-child(2){animation-delay:.2s}.pantalla-inicio__puntos span:nth-child(3){animation-delay:.4s}@keyframes pulso{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.header__logout{right:var(--space-md);color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:background var(--transition-fast);background:#ffffff26;position:absolute;top:50%;transform:translateY(-50%)}.header__logout:hover{background:#ffffff4d}.header__nueva-receta{left:var(--space-md);color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:background var(--transition-fast);background:#ffffff26;position:absolute;top:50%;transform:translateY(-50%)}.header__nueva-receta:hover{background:#ffffff4d}.detalle-panel__siguiente{color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:background var(--transition-fast);white-space:nowrap;background:#fff3;flex-shrink:0}.detalle-panel__siguiente:hover{background:#ffffff59}.detalle-panel__siguiente-placeholder{flex-shrink:0;width:90px}.header__password{font-size:var(--text-base);cursor:pointer;padding:var(--space-xs);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;grid-area:1/3;place-self:start end;position:static}.header__password:hover{opacity:1}.tarjeta{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);position:relative;overflow:hidden}.tarjeta:before{content:"";background:var(--color-primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:4px;position:absolute;top:0;bottom:0;left:0}.tarjeta:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.tarjeta:active{transform:translateY(0)}.tarjeta__nombre{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.3}.tarjeta__ingredientes{font-size:var(--text-sm);color:var(--color-text-soft);-webkit-line-clamp:2;line-clamp:2;margin-top:var(--space-xs);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.badge-categoria{padding:2px var(--space-sm);background:var(--color-accent);color:var(--color-text-mid);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.03em;margin-bottom:var(--space-xs);font-weight:500;display:inline-block}.badge-categoria--postres{color:#8b4513;background:#fae0b8}.badge-categoria--primer-plato{color:#2d6a2d;background:#e8f4e8}.badge-categoria--segundo-plato{color:#2d3d6a;background:#e8eef8}.badge-categoria--salsas{color:#6a2d4a;background:#f8e8f0}.badge-categoria--salados{color:#4a4a2d;background:#f0f0e8}.badge-categoria--bocadillos{color:#6a4a2d;background:#f8f0e8}.login-pantalla{background:var(--color-bg);z-index:1000;padding:var(--space-md);justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.login-pantalla[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center}.login-card__titulo{font-family:var(--font-serif);font-style:italic;font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-xs)}.login-card__subtitulo{font-size:var(--text-sm);color:var(--color-text-soft);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-xl)}.login-form{text-align:left;gap:var(--space-md);flex-direction:column;display:flex}.login-form__campo{gap:var(--space-xs);flex-direction:column;display:flex}.login-form__label{font-size:var(--text-sm);color:var(--color-text-mid);font-weight:500}.login-form__input{border-radius:var(--radius-md)}.login-form__error{font-size:var(--text-sm);color:#c0392b;text-align:center;min-height:1.2em}.login-form__btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-base);transition:background var(--transition-fast);margin-top:var(--space-xs);font-weight:500}.login-form__btn:hover{background:var(--color-primary-dark)}.login-form__btn:disabled{opacity:.6;cursor:not-allowed}.edicion-panel{background:var(--color-bg);z-index:300;transition:transform var(--transition-normal);position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.edicion-panel--visible{transform:translate(0)}.edicion-panel__header{background:var(--color-primary);padding:var(--space-md);z-index:10;align-items:center;gap:var(--space-md);display:flex;position:sticky;top:0}.edicion-panel__cerrar{color:var(--color-text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);background:#fff3;flex-shrink:0}.edicion-panel__cerrar:hover{background:#ffffff59}.edicion-panel__titulo{font-family:var(--font-serif);font-style:italic;font-size:var(--text-2xl);color:var(--color-text-inverse)}.edicion-panel__contenido{max-width:700px;padding:var(--space-xl) var(--space-md);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.edicion-form__campo{gap:var(--space-xs);flex-direction:column;display:flex}.edicion-form__label{font-size:var(--text-sm);color:var(--color-text-mid);font-weight:500}.edicion-form__input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);width:100%;transition:border-color var(--transition-fast)}.edicion-form__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c8762a26}.edicion-form__textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);resize:vertical;width:100%;transition:border-color var(--transition-fast);line-height:1.7}.edicion-form__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c8762a26}.edicion-form__error{font-size:var(--text-sm);color:#c0392b;text-align:center;min-height:1.2em}.edicion-form__acciones{justify-content:flex-end;display:flex}.edicion-form__btn--guardar{padding:var(--space-sm) var(--space-xl);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-base);transition:background var(--transition-fast);font-weight:500}.edicion-form__btn--guardar:hover{background:var(--color-primary-dark)}.edicion-form__btn--guardar:disabled{opacity:.6;cursor:not-allowed}.tarjeta__editar{top:var(--space-sm);right:var(--space-sm);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-fast);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.tarjeta:hover .tarjeta__editar{opacity:1}.edicion-form__btn--eliminar{padding:var(--space-sm) var(--space-xl);color:#c0392b;border-radius:var(--radius-full);font-size:var(--text-base);transition:all var(--transition-fast);background:0 0;border:1.5px solid #c0392b;font-weight:500}.edicion-form__btn--eliminar:hover{color:#fff;background:#c0392b}.edicion-form__btn--eliminar:disabled{opacity:.6;cursor:not-allowed}.login-form__link{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-soft);text-align:center;width:100%;transition:color var(--transition-fast);display:block}.login-form__link:hover{color:var(--color-primary)}.login-form__exito{font-size:var(--text-sm);color:#27ae60;text-align:center;min-height:1.2em}.pendiente__mensaje{text-align:center;color:var(--color-text-mid);font-size:var(--text-base);margin-bottom:var(--space-lg);line-height:1.7}.detalle-panel__badge{margin-bottom:var(--space-md);display:inline-block}.detalle-panel__desliza{text-align:center;color:var(--color-text-soft);font-size:var(--text-sm);margin-top:var(--space-md)}.contador{text-align:center;color:var(--color-text-soft);font-size:var(--text-sm);margin-bottom:var(--space-md)}