/* Phoenicia — estilos de la pagina «inicio» */
/* ---------- 1. HERO / POR QUÉ INVERTIR EN COSTA RICA ---------- */
  .hero{ padding:74px 0; background: var(--white); }
  .hero .container{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap:50px; align-items:center; }
  .hero :is(h1, h2){ font-size:clamp(1.55rem, 5.9vw, 2.5rem); margin-bottom:20px; }
  .hero p{ font-size:0.99rem; color: var(--charcoal); margin-bottom:26px; max-width:520px; }
  .hero .img-placeholder{ min-height:320px; }
  .hero-img{ width:100%; height:320px; object-fit:cover; border-radius:6px; display:block; }

  @media (max-width:860px){ .hero .container{ grid-template-columns:1fr; } }

  
/* ---------- 2. POR QUÉ PHOENICIA ---------- */
  .porque{ background: var(--bg-soft); padding:74px 0; }
  .porque .container{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap:50px; align-items:center; }
  .porque h2{ font-size:clamp(1.35rem, 4.3vw, 1.85rem); margin-bottom:16px; white-space:nowrap; }
  .porque p{ font-size:0.98rem; color: var(--charcoal); margin-bottom:30px; max-width:540px; }
  .valores-mini{ display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; }
  .valor-mini{ background: var(--white); padding:18px 20px; border-left:3px solid var(--gold); }
  .valor-mini h3{ font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-size:1.05rem; color: var(--navy-heading); margin-bottom:4px; }
  .valor-mini p{ font-size:0.82rem; color: var(--taupe); margin:0; }
  .porque .img-placeholder{ min-height:300px; }
  .porque-img{ width:100%; height:300px; object-fit:cover; border-radius:6px; display:block; }

  @media (max-width:860px){ .porque .container{ grid-template-columns:1fr; } .porque h2{ white-space:normal; } }

  
/* ---------- 3. NUESTRAS SOLUCIONES ---------- */
  .soluciones{ background: var(--white); padding:74px 0; }
  .soluciones-head{ max-width:680px; margin-bottom:44px; }
  .soluciones-head h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); margin-bottom:14px; }
  .soluciones-head p{ font-size:0.97rem; color: var(--charcoal); }
  .soluciones-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
  .solucion-item{ background: var(--bg-soft); padding:32px 28px; border-top:3px solid var(--gold); }
  .solucion-item h3{ font-size:1.25rem; margin-bottom:12px; }
  .solucion-item p{ font-size:0.9rem; color: var(--taupe); margin-bottom:16px; }

  @media (max-width:900px){ .soluciones-grid{ grid-template-columns:1fr; } }

  
/* ---------- 4. TESTIMONIOS ---------- */
  .testimonios{ background: var(--bg-soft); padding:74px 0; }
  .testimonios .container.center{ text-align:center; margin-bottom:44px; }
  .testimonios h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); }
  .testimonios-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; }
  .testimonio-item{ background: var(--white); padding:34px 32px; border-top:3px solid var(--gold); }
  .testimonio-item .quote-mark{
    font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-size:clamp(1.49rem, 5.6vw, 2.4rem); color: var(--gold-texto); line-height:1; margin-bottom:10px; display:block;
  }
  .testimonio-item p.quote{ font-style:italic; font-size:0.95rem; color: var(--charcoal); margin-bottom:18px; }
  .testimonio-item .author{ font-size:0.85rem; color: var(--taupe); font-weight:600; }
  .testimonio-item .author small{ display:block; font-weight:400; color: var(--gold-texto); margin-top:2px; }

  @media (max-width:760px){ .testimonios-grid{ grid-template-columns:1fr; } }

  
/* ---------- 5. CONTÁCTENOS (CTA) ---------- */
  .contacto-cta{ background: var(--white); padding:80px 0; }
  .contacto-cta .container{ display:grid; grid-template-columns: 1.1fr 0.9fr; gap:50px; align-items:center; }
  .contacto-cta h2{ font-size:clamp(1.43rem, 5.4vw, 2.3rem); margin-bottom:16px; }
  .contacto-cta p{ color: var(--charcoal); margin-bottom:24px; max-width:460px; }
  .contacto-info{ display:flex; gap:30px; margin-bottom:30px; flex-wrap:wrap; }
  /* el telefono y el correo ahora son enlaces accionables */
  .contacto-info span,
  .contacto-info a{ font-size:0.88rem; color: var(--taupe); display:inline-flex; align-items:center; gap:8px; }
  .contacto-info a:hover{ color: var(--gold-texto); }
  .cta-media{ position:relative; padding:0 16px 22px 0; }
  .cta-media .accent-diagonal{
    position:absolute; width:150px; height:150px; top:-16px; right:-16px;
    background: linear-gradient(135deg, var(--blush), var(--gold));
    opacity:0.75; transform: rotate(8deg); border-radius:20px; z-index:0;
  }
  .cta-media .img-placeholder{ position:relative; z-index:1; min-height:300px; }
  .cta-logo-frame{
    position:relative; z-index:1; width:100%; height:300px;
    background: var(--bg-soft);
    border:1px solid var(--border-soft);
    border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    padding:14px;
  }
  .cta-logo{ max-width:100%; max-height:100%; object-fit:contain; }

  @media (max-width:900px){ .contacto-cta .container{ grid-template-columns:1fr; } }