.community-page{background:var(--paper);color:var(--ink)}
.community-nav{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c363814;position:sticky;top:0;z-index:20;background:#fbfaf7ee;backdrop-filter:blur(14px)}
.community-logo{font-family:Bevellier,sans-serif;font-size:24px;font-weight:900;letter-spacing:.12em;line-height:.8;text-align:center}.community-logo small{display:block;font-size:7px;letter-spacing:2px;font-weight:500;margin-top:5px}
.community-back{font-family:Bevellier,sans-serif;font-weight:600;font-size:12px;color:var(--coffee)}
.community-hero-page{min-height:76vh;padding:130px 7vw 100px;text-align:center;position:relative;overflow:hidden;background:var(--ink);color:var(--cream)}
.community-hero-page h1{font-family:Bevellier,sans-serif;font-weight:700;font-size:clamp(72px,11vw,160px);line-height:.78;letter-spacing:-.055em;margin:0 auto 34px;position:relative;z-index:2}.community-hero-page h1 em{font-weight:300;color:var(--coffee);font-style:italic}
.community-lead{max-width:650px;margin:0 auto;font-family:Bevellier,sans-serif;font-size:19px;font-weight:300;line-height:1.6;color:#d9d3c8;position:relative;z-index:2}.community-hero-page .eyebrow{color:var(--sand);position:relative;z-index:2}
.community-intro-art{display:flex;gap:4vw;justify-content:center;align-items:end;margin-top:90px;opacity:.12;transform:rotate(-4deg) scale(1.05);white-space:nowrap}.community-intro-art span{font-family:Bevellier,sans-serif;font-size:clamp(38px,6vw,92px);font-weight:900;letter-spacing:-.06em}
.community-form-section{max-width:1120px;margin:0 auto;padding:120px 7vw 140px}.community-form-head{text-align:center;max-width:650px;margin:0 auto 55px}.community-form-head h2{font-family:Bevellier,sans-serif;font-weight:700;font-size:clamp(52px,6vw,82px);line-height:.9;letter-spacing:-.04em;margin:0 0 20px}.community-form-head>p:not(.eyebrow){font-family:Bevellier,sans-serif;font-size:17px;font-weight:300;color:#687072;line-height:1.6}
.pet-story-form{background:var(--sand);border-radius:30px;padding:45px;box-shadow:0 25px 80px #2c363812}.upload-zone{min-height:230px;border:1.5px dashed #a27c5888;border-radius:22px;background:#fbfaf7aa;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:.4s}.upload-zone:hover{background:#fbfaf7;transform:translateY(-3px);box-shadow:0 15px 40px #2c363814}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:54px;height:54px;border-radius:50%;background:var(--coffee);color:#fff;display:grid;place-items:center;font:32px/1 Arial;margin-bottom:14px}.upload-zone strong,.upload-zone small{font-family:Bevellier,sans-serif}.upload-zone strong{font-size:20px}.upload-zone small{margin-top:6px;color:#777;font-size:11px}.upload-preview{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:.35s}.upload-zone.has-preview .upload-preview{opacity:1}.upload-zone.has-preview:after{content:'Cambiar foto';position:absolute;bottom:16px;padding:8px 14px;border-radius:999px;background:#2c3638dd;color:#fff;font:11px Bevellier,sans-serif;z-index:2}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.pet-story-form label:not(.upload-zone):not(.consent){display:block}.pet-story-form label>span{display:block;font:700 11px Bevellier,sans-serif;letter-spacing:1.5px;margin:0 0 9px;text-transform:uppercase}.pet-story-form input,.pet-story-form select,.pet-story-form textarea{width:100%;border:1px solid #2c363824;border-radius:14px;background:#fbfaf7;padding:15px 16px;color:var(--ink);font:300 16px Bevellier,sans-serif;outline:none;transition:border-color .3s,box-shadow .3s}.pet-story-form textarea{resize:vertical;min-height:150px}.pet-story-form input:focus,.pet-story-form select:focus,.pet-story-form textarea:focus{border-color:var(--coffee);box-shadow:0 0 0 4px #a27c5815}.story-field{margin-top:25px}.story-field>small{display:block;margin-top:7px;color:#777;font:300 10px Bevellier,sans-serif}.consent{display:flex;gap:12px;align-items:flex-start;margin-top:25px;color:#596260;font:300 12px/1.5 Bevellier,sans-serif}.consent input{width:18px;height:18px;accent-color:var(--coffee);flex:0 0 auto}.community-submit{margin-top:30px;cursor:pointer}
.community-closing{background:var(--coffee);color:var(--cream);text-align:center;padding:110px 7vw}.community-closing h2{font:700 clamp(58px,8vw,120px)/.82 Bevellier,sans-serif;letter-spacing:-.055em;margin:0 0 35px}.community-closing .eyebrow{color:var(--sand)}
.submission-success{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:25px;opacity:0;pointer-events:none;transition:opacity .4s}.submission-success.open{opacity:1;pointer-events:auto}.submission-success:before{content:'';position:absolute;inset:0;background:#2c3638bb;backdrop-filter:blur(16px)}.success-card{position:relative;z-index:2;width:min(560px,92vw);background:var(--paper);border-radius:28px;padding:55px;box-shadow:0 35px 100px #0005;transform:translateY(25px) scale(.97);transition:.5s cubic-bezier(.16,1,.3,1)}.submission-success.open .success-card{transform:none}.success-card h2{font:700 62px/.9 Bevellier,sans-serif;letter-spacing:-.04em;margin:0 0 20px}.success-card p:not(.eyebrow){font:300 17px/1.6 Bevellier,sans-serif;color:#687072;margin-bottom:28px}.success-card>button{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #2c363833;border-radius:50%;background:none;color:var(--ink);font-size:26px;cursor:pointer}
@media(max-width:700px){.community-nav{height:72px;padding:0 5vw}.community-back{font-size:10px}.community-hero-page{min-height:70vh;padding:100px 7vw 70px}.community-intro-art{margin-top:60px;gap:20px}.community-intro-art span{font-size:35px}.community-form-section{padding:85px 5vw}.pet-story-form{padding:25px;border-radius:22px}.form-grid{grid-template-columns:1fr}.success-card{padding:42px 28px}.success-card h2{font-size:50px}}

.community-form-head,.pet-story-form,.community-closing{opacity:0;transform:translateY(40px);filter:blur(10px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter .9s}.page-visible{opacity:1;transform:none;filter:blur(0)}

/* V0.5 — editorial community hero + MAKAPA custom select */
.community-hero-page{min-height:calc(100svh - 86px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 7vw 90px}.community-hero-page h1{font-size:clamp(78px,12vw,180px);max-width:1100px}.community-lead{max-width:760px;font-size:clamp(19px,2vw,26px);line-height:1.45}.custom-select{position:relative}.custom-select-trigger{width:100%;min-height:52px;border:1px solid #2c363824;border-radius:14px;background:#fbfaf7;color:var(--ink);padding:15px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;font:300 16px Bevellier,sans-serif;cursor:pointer;transition:border-color .3s,box-shadow .3s}.custom-select-trigger b{font-size:18px;font-weight:400;color:var(--coffee);transition:transform .3s}.custom-select.open .custom-select-trigger{border-color:var(--coffee);box-shadow:0 0 0 4px #a27c5815}.custom-select.open .custom-select-trigger b{transform:rotate(180deg)}.custom-select-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);padding:7px;background:var(--paper);border:1px solid #2c36381c;border-radius:16px;box-shadow:0 20px 45px #2c363826;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:opacity .22s,transform .22s,visibility .22s}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;transform:none}.custom-select-menu button{width:100%;border:0;border-radius:10px;background:transparent;color:var(--ink);padding:13px 14px;text-align:left;font:500 15px Bevellier,sans-serif;cursor:pointer;transition:background .2s,color .2s}.custom-select-menu button:hover,.custom-select-menu button[aria-selected="true"]{background:var(--sand);color:var(--coffee)}
@media(max-width:700px){.community-hero-page{min-height:calc(100svh - 72px);padding:80px 7vw 65px}.community-hero-page h1{font-size:clamp(68px,17vw,108px)}.community-lead{font-size:18px}}

/* Official MAKAPA logo in the community-page header. */
.community-logo{display:flex;align-items:center;line-height:0}.community-logo img{display:block;width:170px;height:auto;object-fit:contain}

/* Community page: compact dark editorial header — not a full-screen hero. */
.community-hero-page{min-height:0;height:auto;padding:82px 7vw 76px;background:var(--ink);color:var(--cream);border-top:1px solid #2c36382b;display:flex;flex-direction:column;align-items:center;justify-content:center}
.community-hero-page h1{color:var(--cream);margin-bottom:30px}
.community-hero-page h1 em{color:var(--coffee)}
.community-hero-page .eyebrow{color:var(--sand)}
.community-hero-page .community-lead{color:var(--sand);max-width:900px}
@media(max-width:700px){.community-hero-page{min-height:0;height:auto;padding:62px 7vw 54px}.community-hero-page h1{font-size:clamp(68px,17vw,108px);margin-bottom:24px}.community-hero-page .community-lead{font-size:18px}}