/* Phoenicia — estilos de la pagina «por-que-costa-rica» */
/* ---------- INTRO ---------- */
  .intro{ padding:64px 0 54px; background: var(--white); }
  .intro .container.center{ text-align:center; }
  .intro :is(h1, h2){ font-size:clamp(1.61rem, 6.1vw, 2.6rem); margin-bottom:30px; max-width:780px; margin-left:auto; margin-right:auto; }
  .intro-rows{
    max-width:860px; margin:10px auto 0;
    text-align:center;
  }
  .intro-rows p{ font-size:0.97rem; color: var(--charcoal); margin:0; }

  /* ---------- VENTAJAS (grid 6) ---------- */
  .ventajas{ background: var(--bg-soft); padding:70px 0; }
  .ventajas-head{ max-width:680px; margin-bottom:44px; }
  .ventajas-head h2{ font-size:clamp(1.35rem, 4.9vw, 2.1rem); margin-bottom:14px; }
  .ventajas-head p{ font-size:0.97rem; color: var(--charcoal); }
  .ventajas-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
  .ventaja-item{ background: var(--white); padding:28px 26px; border-top:3px solid var(--gold); }
  .ventaja-item h3{ font-size:1.12rem; margin-bottom:10px; }
  .ventaja-item p{ font-size:0.88rem; color: var(--taupe); }

  @media (max-width:900px){ .ventajas-grid{ grid-template-columns:repeat(2, 1fr); row-gap:24px; } }
  @media (max-width:560px){ .ventajas-grid{ grid-template-columns:1fr; } }

  /* ---------- BLOQUE CON LISTA (Constitución / Bienes Raíces) ---------- */
  .bloque{ padding:70px 0; }
  .bloque-head{ max-width:680px; margin-bottom:40px; }
  .bloque-head h2{ font-size:clamp(1.35rem, 4.9vw, 2.1rem); margin-bottom:14px; }
  .bloque-head p{ font-size:0.97rem; color: var(--charcoal); }
  .bloque-layout{ display:flex; gap:50px; align-items:center; }
  .bloque .img-placeholder{ flex:0 0 260px; }
  .casa-img{
    flex:0 0 260px; width:260px; height:280px; object-fit:cover;
    border-radius:6px; display:block; align-self:center;
  }
  .bloque-layout-v2{ display:flex; gap:50px; align-items:center; }
  .sello-img{
    flex:0 0 320px; width:320px; height:280px; object-fit:cover;
    border-radius:6px; display:block; align-self:center;
  }
  .items-grid{ flex:1; display:grid; grid-template-columns:repeat(2, 1fr); gap:0; }
  .items-grid .item{
    display:flex; align-items:baseline; gap:12px;
    font-size:0.94rem; color: var(--charcoal);
    padding:13px 0; border-bottom:1px solid var(--border-soft);
  }
  .items-grid .item::before{
    content:""; width:7px; height:7px; border-radius:50%;
    background: var(--gold); flex-shrink:0;
  }

  @media (max-width:900px){
    .bloque-layout{ flex-direction:column; }
    .bloque-layout-v2{ flex-direction:column; }
    .bloque .img-placeholder{ flex:0 0 auto; width:100%; order:2; }
    .sello-img{ flex:0 0 auto; width:100%; height:220px; order:2; }
    .casa-img{ flex:0 0 auto; width:100%; height:220px; order:2; }
    .items-grid{ order:1; width:100%; }
  }
  @media (max-width:560px){ .items-grid{ grid-template-columns:1fr; } }

  
/* ---------- SISTEMA TRIBUTARIO ---------- */
  .tributario{ background: var(--bg-soft); padding:70px 0; }
  .tributario-head{ max-width:700px; margin-bottom:40px; }
  .tributario-head h2{ font-size:clamp(1.35rem, 4.9vw, 2.1rem); margin-bottom:14px; }
  .tributario-head p{ font-size:0.97rem; color: var(--charcoal); }
  .fact-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
  .fact-card{ background: var(--white); padding:28px 24px; border-left:4px solid var(--gold); }
  .fact-card .fact-num{
    font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-weight:700;
    font-size:clamp(1.35rem, 4.7vw, 2rem); color: var(--navy-heading); margin-bottom:8px;
  }
  .fact-card .fact-label{ font-size:0.88rem; color: var(--taupe); }

  @media (max-width:900px){ .fact-grid{ grid-template-columns:repeat(2, 1fr); } }
  @media (max-width:560px){ .fact-grid{ grid-template-columns:1fr; } }

  
/* ---------- INVERSIÓN EXTRANJERA ---------- */
  .inversion{ padding:70px 0; background: var(--white); }
  .inversion .container{ display:grid; grid-template-columns: 0.65fr 1.35fr; gap:50px; align-items:center; }
  .big-stat{ background: var(--navy); padding:40px 32px; text-align:left; }
  .big-stat .number{
    font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-weight:700;
    font-size:clamp(1.61rem, 6.1vw, 2.6rem); color: var(--white); line-height:1;
  }
  .big-stat .caption{ font-size:0.85rem; color: var(--blush); margin-top:10px; }
  .big-stat .source{ font-size:0.72rem; color: rgba(255,255,255,0.5); margin-top:16px; }
  .inversion h2{ font-size:clamp(1.35rem, 4.9vw, 2.1rem); margin-bottom:14px; }
  .inversion p{ font-size:0.97rem; color: var(--charcoal); margin-bottom:18px; }
  .mini-bars{ display:flex; flex-direction:column; gap:10px; margin-top:18px; }
  .mini-bars .bar-row{ display:flex; align-items:center; gap:14px; font-size:0.85rem; color: var(--taupe); }
  .mini-bars .bar-row .bar-label{ width:170px; flex-shrink:0; }
  .mini-bars .bar-track{ flex:1; background: var(--bg-soft); height:8px; border-radius:4px; overflow:hidden; }
  .mini-bars .bar-fill{ height:100%; background: var(--gold); }

  @media (max-width:900px){ .inversion .container{ grid-template-columns:1fr; } }
  @media (max-width:560px){ .mini-bars .bar-row{ flex-wrap:wrap; } .mini-bars .bar-label{ width:100%; } }

  /* ---------- CTA (sin uso por ahora) ---------- */

  /* Reemplaza el atributo style en linea del bloque de bienes raices */
  .bloque--suave{ background: var(--bg-soft); }

  /* Anchos de las barras de datos (evitan estilos en linea y permiten una CSP estricta) */
  .bar-fill--7{ width:7%; }
  .bar-fill--8{ width:8%; }
  .bar-fill--15{ width:15%; }
  .bar-fill--66{ width:66%; }