/* Reglas propias de celfar.com.ar. base.css es el CSS compilado del diseño original. */
.dot{color:var(--blue)}
.hp{display:none}
.chart i[data-h="25"]{height:25%}
.chart i[data-h="42"]{height:42%}
.chart i[data-h="37"]{height:37%}
.chart i[data-h="58"]{height:58%}
.chart i[data-h="48"]{height:48%}
.chart i[data-h="72"]{height:72%}
.chart i[data-h="65"]{height:65%}
.chart i[data-h="90"]{height:90%}
.chart i[data-h="77"]{height:77%}
.chart i[data-h="98"]{height:98%}

/* ---- portfolio */
.project-card{display:block}
.project-card .project,.project-card .project-info{cursor:pointer}
.project-card .project:focus-visible{outline-offset:6px}
.project-art[data-tono="crema"]{background:#eadfca}
.project-art[data-tono="azul"]{background:#b9c4ee}
.project-art[data-tono="celeste"]{background:#b8cde6}
.project-art[data-tono="verde"]{background:#b5c9b0}
.project-art[data-tono="arena"]{background:#d9c7ae}
.project-art[data-tono="lima"]{background:#d6ec8c}
.project-art[data-tono="terracota"]{background:#e3c3ad}
.project-art[data-tono="petroleo"]{background:#a9c6cf}
.project-art[data-tono="noche"]{background:#3a3d48}
.project-art img.shot{width:auto;height:88%;border-radius:16px;box-shadow:0 14px 30px #0003}
.project-art img.shot.ancha{width:86%;height:auto}
.celfar-modal .project-art{height:300px}
.celfar-modal .btn{margin-top:8px}

/* ---- sobre nosotros */
.about{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.about h2{max-width:320px}
.about-copy p{color:#687181;font-size:17px;line-height:1.7;max-width:640px;margin:0 0 18px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.facts dt{font-weight:600;font-size:16px;letter-spacing:-.3px}
.facts dd{margin:6px 0 0;color:#687181;font-size:13px}
@media (max-width:900px){.about{gap:30px}}
@media (max-width:620px){
  .about{grid-template-columns:1fr;gap:28px}
  .about h2{max-width:100%}
  .facts{grid-template-columns:1fr;gap:18px}
  }

/* ---- formulario de contacto */
.form input[aria-invalid="true"],.form textarea[aria-invalid="true"]{border:2px solid #ffd0d0}
.field-error{color:#ffe1e1;font-size:13px;line-height:1.4;margin:-10px 0 16px}
.form-status{min-height:1.5em;margin:14px 0 0}
.form-status[data-tipo="ok"]{color:#fff;font-weight:600}
.form-status[data-tipo="error"]{color:#ffe1e1}
.form-status a,.form-legal a{color:#fff;text-decoration:underline}
.form-legal{font-size:12px!important;margin:18px 0 0;max-width:none!important}
.form .cf-turnstile{margin:0 0 14px}

/* ---- pagina 404 */
.not-found{padding:90px 0 120px;max-width:560px}
.not-found h1{letter-spacing:-2.5px;margin:24px 0 16px;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1.1}
.not-found p{color:#687181;font-size:17px;line-height:1.7;margin:0 0 28px}