@import "https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Cormorant+Garamond:wght@400;600&family=Montserrat:wght@500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#17324d;--steel:#3c5873;--gold:#f4b642;--sun:#f9c545;--coral:#d6423a;--ocean:#1c7ea2;--ocean-dark:#0f5c7d;--cream:#f9f6f2;--line:#d9d5d0;--shadow:0 18px 35px #0d20372e;font-family:Cormorant Garamond,Times New Roman,serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--navy);background:radial-gradient(circle at top,#fff 0%,#f6efe8 40%,#f5eee8 70%,#efe3d8 100%);justify-content:center;margin:0;padding:28px 18px 40px;display:flex}button,input{font-family:inherit}.app{width:min(430px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border-radius:28px;padding:18px 18px 26px;animation:.7s ease-out float-in}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 6px 14px;display:flex}.logo{align-items:baseline;gap:2px;font-family:Berkshire Swash,Times New Roman,serif;font-size:22px;display:flex}.logo-lima{color:#1f75a8}.logo-te{color:#f2b441;margin:0 2px}.logo-habla{color:#0f3d63}.logo-waves{color:#f2742f;letter-spacing:-1px;margin-left:4px;font-size:12px;transform:translateY(-6px)}.lang-switch{gap:6px;font-family:Montserrat,Arial,sans-serif;display:inline-flex}.lang-button{color:var(--steel);letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.lang-button.active{color:var(--navy);background:#f4f6f9;border-color:#cfd6dd}.hero{background:#e9e6e4;border-radius:24px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.hero-image{background:linear-gradient(#d6e2f0cc,#f5e8dbb3),url(/puentesuspiros.png) 50%/cover,radial-gradient(circle at 20% 20%,#fff9,#0000 45%),radial-gradient(circle at 80% 10%,#ffffff80,#0000 50%),linear-gradient(120deg,#9db6d1 0%,#dfc4b1 45%,#f4d8c0 100%);height:150px}.hero-audio-button{color:#14678c;cursor:pointer;z-index:2;background:#fffd;border:none;border-radius:50%;width:64px;height:64px;font-size:22px;position:absolute;top:75px;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 20px #0d20372e}.hero-content{text-align:center;background:#f7f4f1;padding:18px 14px 20px;animation:.8s ease-out fade-up}.hero-title{text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:24px}.hero-subtitle{color:var(--steel);letter-spacing:2px;text-transform:uppercase;margin:6px 0 8px;font-family:Montserrat,Arial,sans-serif;font-size:14px}.hero-note{color:#8b6c4a;margin:0;font-style:italic}.audio-card{text-align:center;margin-top:0;padding:18px 16px 14px;animation:.9s ease-out fade-up}.listen-button{color:#fff;cursor:pointer;background:linear-gradient(#2c8bb6,#0e5f84);border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:80%;max-width:260px;padding:14px 20px;font-size:20px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 22px #0e5f8447}.listen-button:hover{transform:translateY(0);box-shadow:0 16px 28px #0e5f844d}.listen-button.is-playing{background:linear-gradient(#1c7ea2,#0b4f6d)}.play-icon{color:#14678c;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.listen-status{color:#5c4c3a;margin-top:12px;font-style:italic}.questions,.next{border-top:1px solid var(--line);text-align:center;margin-top:18px;padding-top:18px;animation:1s ease-out fade-up}.section-title{margin:0 0 12px;font-size:20px}.question-input input{border:1px solid #d6cfc6;border-radius:14px;width:100%;padding:12px 14px;font-family:Cormorant Garamond,Times New Roman,serif;font-size:18px}.ask-button{color:#fff;cursor:pointer;background:linear-gradient(#e35046,#c43730);border:none;border-radius:999px;margin-top:12px;padding:10px 36px;font-size:20px;box-shadow:0 10px 20px #c4373040}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.chip{color:#4b3d2f;cursor:pointer;background:#f6f2ee;border:1px solid #e2dad2;border-radius:999px;padding:8px 14px;font-size:15px}.next-text,.next-time{color:#5b4b3a;margin:6px 0;font-family:Montserrat,Arial,sans-serif}.next-button{color:#2b1c08;cursor:pointer;background:linear-gradient(#fbd15b,#f2b536);border:none;border-radius:999px;margin-top:12px;padding:12px 28px;font-size:18px;box-shadow:0 10px 18px #f2b53659}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;animation:1.05s ease-out fade-up;display:flex}.footer-link{color:#4a3a2c;cursor:pointer;background:0 0;border:none;font-family:Cormorant Garamond,Times New Roman,serif;font-size:16px;text-decoration:underline}.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}.modal-backdrop{z-index:50;background:#11182773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fffdfb;border-radius:22px;width:min(520px,100%);padding:20px 22px 24px;box-shadow:0 20px 40px #0a141e40}.modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-title{margin:0;font-size:22px}.modal-close{color:#2f2f2f;cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;width:34px;height:34px;font-size:20px}.modal-body{color:#3e3327;gap:12px;margin-top:14px;font-size:16px;line-height:1.5;display:grid}@keyframes float-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){body{padding:18px 12px 30px}.app{border-radius:20px;padding:16px 14px 22px}.listen-button{width:100%}}