.feel-page { --feel-accent: #c47c42; }
.feel-page--nature { --feel-accent: #447767; }
.feel-project-mark { display:inline-flex; padding:.8rem 1.2rem; margin-bottom:1.2rem; background:#fff; border-radius:1rem; max-width:85%; }
.feel-project-mark img { width:clamp(150px,20vw,220px); height:auto; max-height:66px; object-fit:contain; }
.feel-contact { color:#142e27; background:#f1c84f; border-block:3px solid #142e27; }
.feel-contact-grid { display:grid; gap:2.5rem; align-items:start; }
.feel-contact h2 { font-size:clamp(2.6rem,5vw,4.8rem); line-height:1.04; letter-spacing:-.05em; margin-top:1.5rem; }
.feel-contact-stamp { display:inline-block; background:#173a32; color:#f1c84f; border:2px solid #173a32; padding:.5rem 1rem; transform:rotate(-4deg); font-weight:800; }
.feel-contact-signature { font-weight:700; margin-block:1.5rem; }
.feel-contact-form { padding:clamp(1.3rem,3vw,2.3rem); border:3px solid #142e27; background:#fffdf5; box-shadow:10px 10px 0 #142e27; border-radius:1.2rem; color:#142e27; min-width:0; }
.feel-contact-form h3 { font-size:1.6rem; margin-bottom:1rem; }
.feel-contact-form label { display:grid; gap:.4rem; margin-bottom:1rem; font-weight:600; font-size:.9rem; }
.feel-contact-form label>span { font-weight:400; font-size:.8rem; }
.feel-contact-form input:not([type="checkbox"]):not([type="hidden"]), .feel-contact-form select, .feel-contact-form textarea { width:100%; min-width:0; padding:.85rem; background:#fff; color:#142e27; border:1px solid #8e9a8f; border-radius:.5rem; font:inherit; }
.feel-contact-form .consent { display:block; font-weight:400; font-size:.76rem; line-height:1.6; }
.feel-contact-form .consent input { width:16px; height:16px; margin-right:.35rem; vertical-align:middle; }
.feel-contact-form button[type="submit"] { width:100%; }
footer .feel-footer-legal { padding-top:1.4rem; border-top:1px solid #ffffff26; font-size:.76rem; line-height:1.8; }
footer .feel-footer-legal p { margin:0; color:inherit; opacity:.85; }
.property-footer .feel-footer-legal { width:100%; padding-inline:0; }
@media(min-width:800px) { .feel-contact-grid { grid-template-columns:1.05fr 1fr; gap:4rem; } }
.feel-hero { position:relative; min-height: min(690px,80vh); background:#173a32; display:grid; align-items:end; color:#fff; }
.feel-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.feel-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,31,26,.86),rgba(9,31,26,.18)),linear-gradient(0deg,rgba(9,31,26,.75),transparent 65%); }
.feel-hero .container { position:relative; z-index:1; padding-block:4rem; }
.feel-hero h1 { max-width:850px; font-size:clamp(2.4rem,5vw,4.6rem); }
.feel-hero p { max-width:600px; }
.feel-badge { display:inline-block; padding:.4rem .8rem; border:1px solid #f1d89c; border-radius:99px; font-size:.8rem; color:#f1d89c; }
.feel-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.feel-hero .button-outline { color:white; border-color:#fff8; }
.feel-section { padding-block:clamp(3rem,6vw,5.5rem); scroll-margin-top:145px; }
.feel-section h2 { font-size:clamp(1.9rem,3.5vw,3.15rem); max-width:900px; }
.feel-section .lead { font-size:1.15rem; max-width:760px; }
.feel-split { display:grid; gap:2.5rem; align-items:center; }
.feel-split > img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:1.4rem; }
.feel-stats, .feel-benefits, .feel-pair, .feel-plans { display:grid; gap:1rem; }
.feel-stats { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:2rem; }
.feel-stats div, .feel-benefits article { padding:1.4rem; background:#fff; border:1px solid #d9e3db; border-radius:1.2rem; }
.feel-stats strong { display:block; color:var(--feel-accent); font-size:1.9rem; }
.feel-stats--institutional span { display:block; margin-top:.35rem; }
.feel-subsection-label { margin-top:clamp(3rem,6vw,5rem); }
.feel-muted { background:#edf1e9; }
.feel-dark { background:#173a32; color:#fff; }
.feel-dark a:not(.button) { color:#f1d89c; }
.feel-pair article { overflow:hidden; background:white; border:1px solid #d9e3db; border-radius:1.4rem; }
.feel-pair article > img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.feel-pair article > div { padding:1.5rem; }
.feel-price { color:#825215; font-weight:700; font-size:1.25rem; }
.feel-note { font-size:.86rem; color:#53665e; max-width:900px; }
.feel-gallery { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.feel-gallery button { padding:0; overflow:hidden; border:0; border-radius:1rem; cursor:zoom-in; text-align:left; background:#173a32; color:white; }
.feel-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .25s; }
.feel-gallery button:hover img { transform:scale(1.035); }
.feel-gallery span { display:block; padding:.7rem; font-size:.86rem; }
.feel-plans article { border:1px solid #d9e3db; background:#fff; border-radius:1rem; padding:1rem; }
.feel-plans img { width:100%; height:300px; object-fit:contain; }
.feel-plans h3 { margin-top:1rem; font-size:1.2rem; }
.feel-plan-controls { display:flex; flex-wrap:wrap; gap:.5rem; }
.feel-plan-controls button { padding:.5rem .75rem; border-radius:99px; border:1px solid #b7c5bc; cursor:pointer; background:white; }
.feel-plan-controls [aria-pressed="true"] { background:#173a32; color:white; }
.feel-masterplan { width:100%; max-height:650px; object-fit:contain; margin-top:2rem; }
.feel-video { aspect-ratio:16/9; background:#173a32; border-radius:1.2rem; overflow:hidden; }
.feel-video iframe { width:100%; height:100%; border:0; }
.feel-faq details { border-block-end:1px solid #c8d3cb; padding:1.2rem 0; }
.feel-faq summary { font-size:1.05rem; font-weight:700; cursor:pointer; }
.feel-faq details p { margin:1rem 0 0; max-width:900px; }
.feel-reading { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.feel-reading a { padding:1rem; border:1px solid currentColor; border-radius:1rem; }
.feel-payment { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-block:2rem; }
.feel-payment div { padding:1.4rem; border:1px solid #c8d3cb; border-radius:1rem; }
.feel-payment strong { display:block; font-size:2rem; color:var(--feel-accent); }
.feel-timeline { list-style:none; padding:0; display:grid; gap:1rem; }
.feel-timeline li { border-inline-start:3px solid var(--feel-accent); padding:1rem 1.5rem; background:#fff; }
.feel-lightbox { border:0; padding:1rem; border-radius:1rem; background:#fbfaf7; width:min(1100px,95vw); max-height:94vh; }
.feel-lightbox::backdrop { background:#051a15dd; }
.feel-lightbox img { max-height:70vh; width:100%; object-fit:contain; }
.feel-lightbox-header { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:.5rem; }
.feel-lightbox button { cursor:pointer; padding:.6rem 1rem; border:1px solid #b7c5bc; border-radius:99px; background:#fff; }
.feel-lightbox-nav { display:flex; justify-content:space-between; gap:1rem; margin-top:1rem; }
@media(min-width:800px) { .feel-split { grid-template-columns:1fr 1fr; } .feel-pair,.feel-plans { grid-template-columns:repeat(2,minmax(0,1fr)); } .feel-stats--institutional { grid-template-columns:repeat(3,minmax(0,1fr)); } .feel-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); } #calper-em-numeros .feel-benefits,#portfolio-calper .feel-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); } .feel-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); } .feel-payment { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) { .feel-hero { min-height:570px; } .feel-hero::after { background:linear-gradient(0deg,rgba(9,31,26,.94),rgba(9,31,26,.08)); } .feel-hero .container { padding-block:2.5rem; } .feel-gallery { gap:.6rem; } .feel-gallery span { font-size:.75rem; } .feel-plans img { height:260px; } }
@media(prefers-reduced-motion:reduce) { .feel-gallery img { transition:none; } }