/* pagina: contacto (extraido del mockup 07-contacto) */
.contact-grid{display:grid;grid-template-columns:1fr;gap:26px}
  .contact-info .item{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
  .contact-info .ic{width:46px;height:46px;border-radius:14px;background:var(--brand-teal-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .contact-info .ic svg{width:22px;height:22px;color:var(--brand-teal-deep)}
  .contact-info h4{font-size:15px;margin-bottom:2px}
  .contact-info p{font-size:14.5px}
  .contact-info a{color:var(--brand-teal-deep);font-weight:700}
  .form-card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:26px}
  .two{display:grid;grid-template-columns:1fr;gap:0}
  .faq-item{border:1.5px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;background:var(--bg-elev)}
  .faq-item summary{font-weight:800;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary svg{width:18px;height:18px;color:var(--ink-faint);transition:transform .2s}
  .faq-item[open] summary svg{transform:rotate(45deg)}
  .faq-item p{margin-top:10px;font-size:14.5px}
  .contact-hero{background:var(--brand-green-soft);border-radius:var(--radius-lg);padding:28px 22px;position:relative;overflow:hidden}
  @media(min-width:820px){
    .contact-grid{grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
    .two{grid-template-columns:1fr 1fr;gap:16px}
    .contact-hero{padding:40px}
  }