@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,500&display=swap');
:root{--ink:#18312b;--forest:#204d3d;--cream:#f7f4ec;--paper:#fffdf8;--coral:#ef795f;--line:#d9ded4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}button,textarea{font:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #204d3d20}.nav a{color:var(--forest)}.brand{font:500 25px 'Newsreader';text-decoration:none}.brand span{color:var(--coral)}.hero{min-height:610px;padding:105px 8vw 90px;position:relative;overflow:hidden}.hero:after{content:'¿';position:absolute;right:4%;top:0;font:italic 570px/1 'Newsreader';color:#204d3d09}.eyebrow{font-size:12px;letter-spacing:.16em;color:#517064}.hero h1{font:500 clamp(64px,9vw,126px)/.87 'Newsreader';letter-spacing:-.045em;margin:28px 0 32px;position:relative;z-index:1}.hero h1 em{color:var(--coral);font-weight:500}.hero p{font-size:19px;line-height:1.65;max-width:535px;color:#4d635b}.under{display:inline-block;margin-top:20px;color:var(--forest);font-weight:600;text-underline-offset:8px}.compose{max-width:1050px;margin:auto;padding:100px 28px}.section-head{display:flex;gap:20px;margin-bottom:34px}.section-head>span{width:45px;height:45px;border:1px solid #9aaca3;border-radius:50%;display:grid;place-items:center}.section-head h2,.voices h2{font:500 clamp(36px,5vw,58px)/1 'Newsreader';margin:0 0 10px}.section-head p{margin:0;color:#61736c}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:45px;box-shadow:0 18px 60px #1f40330d}.card fieldset{border:0;padding:0;margin:0 0 42px}.card legend,.label-row label{font-weight:600}.moods{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.mood{min-height:108px;border:1px solid transparent;border-radius:12px;background:#f5f4ed;color:#52655d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.mood span{font-size:31px}.mood.selected{background:#e4eee4;border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.label-row,.privacy-title{display:flex;justify-content:space-between}.label-row small,.privacy-title span{color:#78857f}textarea{width:100%;min-height:175px;margin-top:16px;border:1px solid #ced8d0;border-radius:12px;background:#fbfaf5;padding:20px;resize:vertical;color:var(--ink)}textarea:focus{outline:3px solid #204d3d16;border-color:var(--forest)}.starters{padding:13px 0 30px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.starters span{font-size:12px;color:#74827c}.starters button{font-size:11px;border:1px solid #d3dcd5;background:transparent;border-radius:20px;padding:7px 10px}.photo{margin:30px 0 0;display:flex;align-items:center;gap:15px;border:1px dashed #aebeb5;background:#f7f7f1;border-radius:12px;padding:17px;cursor:pointer}.photo-icon{width:42px;height:42px;display:grid;place-items:center;background:#e1eae0;border-radius:9px}.photo b,.photo small,.privacy-choice b,.privacy-choice small{display:block}.photo small,.privacy-choice small{font-size:11px;color:#718078;margin-top:3px}.photo strong{margin-left:auto;font-size:12px;max-width:38%;overflow:hidden;text-overflow:ellipsis}.preview{height:220px;margin-top:12px;border-radius:12px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.privacy{padding:28px 0}.privacy-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.privacy-choice{display:flex;align-items:center;gap:13px;background:#f6f5ef;border:1px solid transparent;border-radius:11px;padding:16px;cursor:pointer}.privacy-choice input{position:absolute;opacity:0}.privacy-choice.active{border-color:var(--forest);background:#e8efe6}.submit{width:100%;height:58px;border:0;border-radius:10px;background:var(--forest);color:white;font-weight:600;cursor:pointer}.submit:disabled{opacity:.6}.reassure{text-align:center;color:#829088;font-size:11px}.voices{background:#dfe8dc;padding:100px 6vw 120px}.voices-head{max-width:1160px;margin:0 auto 45px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.voices-head>div>small{letter-spacing:.16em;color:#517064}.voices-head p{color:#61736c;line-height:1.6}.posts{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{background:var(--paper);border-radius:15px;overflow:hidden;border:1px solid #204d3d20}.post>img{width:100%;height:190px;object-fit:cover}.post>div{padding:24px}.post header{display:flex;justify-content:space-between;font-size:11px;color:#6c7f75}.post p{font:500 22px/1.4 'Newsreader';min-height:92px}.post button{border:0;background:transparent;color:#6a7d73;cursor:pointer}.empty{grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #9aae9f;border-radius:15px}.empty h3{font:500 27px 'Newsreader';margin:12px 0 5px}footer{min-height:165px;background:#173d31;color:#eaf0e8;padding:45px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer .brand{color:white}footer p{text-align:center;font:500 18px 'Newsreader'}footer>small{text-align:right}.toast{position:fixed;right:25px;bottom:25px;background:#183f33;color:white;border-radius:12px;padding:17px 21px;z-index:20;box-shadow:0 16px 50px #0003}.toast.error{background:#8f342d}
@media(max-width:800px){.hero{min-height:540px;padding-top:75px}.hero:after{display:none}.nav>a:last-child{display:none}.card{padding:25px 18px}.moods{grid-template-columns:repeat(2,1fr)}.mood:last-child{grid-column:1/-1}.privacy-options,.voices-head{grid-template-columns:1fr}.posts{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center;gap:15px}footer>small{text-align:center}}