:root{--tinta:#2f2a26;--tinta-suave:#6f6459;--papel:#faf6ef;--tarjeta:#fff;--borde:#e6ded2;--dorado:#c9a227;--peligro:#a8341f;--ok:#2f7d46;--radio:10px}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.barra{background:var(--tarjeta);border-bottom:1px solid var(--borde);z-index:10;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.barra h1{margin:0;font-size:17px;font-weight:600}.barra nav{gap:4px;display:flex}.barra nav a{border-radius:var(--radio);color:var(--tinta-suave);padding:6px 12px;text-decoration:none}.barra nav a.activo{background:var(--papel);color:var(--tinta);font-weight:600}.barra .quien{color:var(--tinta-suave);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}main{max-width:940px;margin:0 auto;padding:24px}.centrado{max-width:420px;margin:12vh auto;padding:24px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:12px;padding:16px}.fila{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fila>.crece{flex:1;min-width:180px}.campo{margin-bottom:12px;display:block}.campo>span{color:var(--tinta-suave);margin-bottom:4px;font-size:13px;display:block}input[type=text],input[type=email],input[type=number],select,textarea{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);width:100%;color:inherit;font:inherit;padding:8px 10px}textarea{resize:vertical;min-height:120px}.opcion{align-items:center;gap:6px;margin-right:16px;font-size:14px;display:inline-flex}button{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);color:inherit;font:inherit;cursor:pointer;padding:8px 14px}button:hover:not(:disabled){border-color:var(--tinta-suave)}button:disabled{opacity:.5;cursor:default}button.principal{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}button.peligro{color:var(--peligro);border-color:#e3c4bd}.aviso{border-radius:var(--radio);margin-bottom:12px;padding:10px 12px;font-size:14px}.aviso.error{color:var(--peligro);background:#fdf0ed}.aviso.ok{color:var(--ok);background:#eef7f0}.tenue{color:var(--tinta-suave);font-size:13px}.etiqueta{border:1px solid var(--borde);color:var(--tinta-suave);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.etiqueta.viva{border-color:var(--dorado);color:#8a6f12}audio{width:100%;margin-top:8px}.miniatura{object-fit:cover;border:1px solid var(--borde);background:var(--papel);border-radius:6px;width:64px;height:88px}.marca{color:inherit;font-size:17px;font-weight:600;text-decoration:none}.accesos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.acceso{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:24px;font-size:18px;display:flex}.arrastrable{cursor:grab}.arrastrable.agarrada{opacity:.45}.agarre{color:var(--tinta-suave);cursor:grab;-webkit-user-select:none;user-select:none;font-size:18px}.volver{color:var(--tinta-suave);background:0 0;border:none;margin-bottom:12px;padding:4px 0;font-size:14px}.volver:hover{color:var(--tinta);text-decoration:underline}:root{--cielo:#5b93c4;--cielo-claro:#dbeaf7;--cielo-tenue:#eef5fb;--navy:#1b3a5c;--oro:#e3b23c;--oro-tenue:#fbf1dd;--radio-grande:22px}.fondo{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fondo svg{width:100%;height:100%;display:block}.barra{background:0 0;border-bottom:none;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:clamp(10px,1.9vh,16px) 32px}.marca{letter-spacing:.01em;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:normal;font-weight:400;line-height:1.1}.menu-usuario{margin-left:auto;position:relative}.menu-disparador{color:var(--navy);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 7px;font-size:15px;display:flex;box-shadow:0 2px 10px #1b3a5c12}.menu-avatar{background:var(--cielo-claro);width:32px;height:32px;color:var(--cielo);border-radius:999px;place-items:center;display:grid}.menu-chevron{color:var(--tinta-suave);place-items:center;transition:transform .16s;display:grid}.menu-chevron.girado{transform:rotate(180deg)}.menu-panel{border:1px solid var(--cielo-tenue);z-index:20;background:#fff;border-radius:16px;min-width:212px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 34px #1b3a5c21}.menu-panel button{width:100%;color:var(--navy);text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:15px;display:flex}.menu-panel button:hover{background:var(--cielo-tenue)}.menu-panel button+button{border-top:1px solid var(--cielo-tenue);border-radius:0 0 11px 11px}main{max-width:1180px;padding:8px 32px 48px}body:has(.inicio){flex-direction:column;height:100dvh;display:flex}main:has(.inicio){flex:1;width:100%;max-width:1280px;min-height:0;padding:2px 32px clamp(12px,2.6vh,30px);display:flex}.inicio{flex-direction:column;flex:1;gap:clamp(12px,2.6vh,22px);min-height:0;display:flex}.hero{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:0;display:grid}.hero-saludo{color:var(--cielo);letter-spacing:.16em;margin:0 0 6px;font-size:14px;font-weight:600}.hero-nombre{color:var(--navy);margin:0 0 clamp(6px,1.6vh,12px);font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,7.4vh,64px);font-weight:400;line-height:1.05}.hero-correo{color:var(--tinta-suave);margin:-6px 0 12px;font-size:15px}.hero-bajada{max-width:460px;color:var(--tinta-suave);margin:0;font-size:clamp(15px,2.1vh,17px);line-height:1.5}.hero-mascota{object-fit:contain;place-self:center end;width:auto;max-width:34vw;height:100%;max-height:278px}.secciones{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;display:grid}.seccion{border-radius:var(--radio-grande);text-align:left;cursor:pointer;border:1px solid #ffffffd9;grid-template-columns:1fr auto;grid-template-areas:"icono.""cuerpo flecha";align-items:end;gap:clamp(10px,2.4vh,22px) 12px;padding:clamp(15px,2.7vh,24px);transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #1b3a5c0f}.seccion:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #1b3a5c1a}.seccion.tono-celeste{background:linear-gradient(145deg,#e9f3fb 0%,#f6fafd 55%,#fdfaf4 100%)}.seccion.tono-dorado{background:linear-gradient(145deg,#fdf4e6 0%,#fdf9f2 55%,#fdfaf4 100%)}.seccion-ondas{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.seccion-ondas svg{width:100%;height:100%;display:block}.seccion-icono,.seccion-cuerpo,.seccion-flecha{z-index:1;position:relative}.tono-celeste .seccion-ondas{color:#9cc4e4}.tono-dorado .seccion-ondas{color:#e0b96a}.seccion-icono{background:#ffffffc7;border-radius:999px;grid-area:icono;place-items:center;width:clamp(42px,6.4vh,58px);height:clamp(42px,6.4vh,58px);display:grid;box-shadow:inset 0 0 0 1px #ffffffe6}.seccion-icono svg{width:clamp(22px,3.3vh,30px);height:clamp(22px,3.3vh,30px)}.tono-celeste .seccion-icono{color:var(--cielo)}.tono-dorado .seccion-icono{color:#a87f22}.seccion-cuerpo{flex-direction:column;grid-area:cuerpo;gap:clamp(4px,1vh,8px);display:flex}.seccion-titulo{color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,3.1vh,27px);line-height:1.2}.seccion-nota{color:var(--tinta-suave);white-space:pre-line;font-size:clamp(13.5px,1.9vh,15px);line-height:1.45}.seccion-flecha{background:#fffc;border-radius:999px;grid-area:flecha;place-items:center;width:clamp(36px,5.2vh,46px);height:clamp(36px,5.2vh,46px);display:grid}.tono-celeste .seccion-flecha{color:var(--cielo)}.tono-dorado .seccion-flecha{color:#a87f22}.cifras{border-radius:var(--radio-grande);background:#ffffffb8;border:1px solid #ffffffe6;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;padding:clamp(12px,2.4vh,22px) 12px;display:grid;box-shadow:0 6px 20px #1b3a5c0d}.cifra{align-items:center;gap:14px;padding:0 18px;display:flex}.cifra+.cifra{border-left:1px solid var(--cielo-tenue)}.cifra-icono{border-radius:999px;flex:none;place-items:center;width:clamp(36px,5.2vh,46px);height:clamp(36px,5.2vh,46px);display:grid}.cifra-icono.tono-celeste{background:var(--cielo-claro);color:var(--cielo)}.cifra-icono.tono-dorado{background:var(--oro-tenue);color:#a87f22}.cifra-cuerpo{flex-direction:column;display:flex}.cifra-numero{color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3.3vh,28px);line-height:1.15}.cifra-rotulo{color:var(--tinta-suave);font-size:clamp(12.5px,1.8vh,14px)}@media (width<=860px){.barra,main{padding-left:18px;padding-right:18px}main:has(.inicio){padding-bottom:40px}body:has(.inicio){height:auto;display:block}.hero{flex:none;grid-template-columns:1fr}.hero-mascota{display:none}.cifra+.cifra{border-left:none;border-top:1px solid var(--cielo-tenue);margin-top:14px;padding-top:14px}}.seccion:focus-visible,.menu-disparador:focus-visible,.menu-panel button:focus-visible,.marca:focus-visible{outline:2px solid var(--cielo);outline-offset:3px;border-radius:12px}@media (prefers-reduced-motion:reduce){.seccion,.menu-chevron{transition:none}.seccion:hover:not(:disabled){transform:none}}