/* Phoenicia — estilos de la pagina «por-que-phoenicia» */
/* ---------- 1. QUIÉNES SOMOS ---------- */
  .quienes{ padding:40px 0; background: var(--white); }
  .quienes .container{
    display:grid; grid-template-columns: 1.2fr 0.8fr; gap:50px; align-items:center;
  }
  .quienes h1,
  .quienes h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); margin-bottom:16px; }
  .quienes p{ font-size:0.98rem; color: var(--charcoal); margin-bottom:18px; max-width:540px; }
  .quienes p:last-of-type{ margin-bottom:26px; }
  .quienes .img-placeholder{ min-height:300px; }
  .quienes-photo{
    width:100%; height:340px; object-fit:cover; border-radius:6px; display:block;
  }

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

  /* ---------- STAT BADGE (medallón llamativo) ---------- */
  .stat-badge-wrap{ position:relative; display:flex; justify-content:center; }
  .stat-badge-wrap .accent-diagonal{
    position:absolute; width:200px; height:200px; top:10%; left:50%;
    transform: translateX(-50%) rotate(12deg);
    background: linear-gradient(135deg, var(--blush), var(--gold));
    opacity:0.35; border-radius:24px; z-index:0;
  }
  .stat-badge{
    position:relative; z-index:1;
    width:230px; height:230px;
    border-radius:50%;
    background: var(--navy);
    border:4px solid var(--gold);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    box-shadow: 0 24px 55px rgba(13,23,46,0.3);
  }
  .stat-badge .number{
    font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-weight:700;
    font-size:clamp(2.23rem, 8.5vw, 3.6rem); color: var(--white); line-height:1;
  }
  .stat-badge .caption{
    font-size:0.7rem; letter-spacing:1.8px; text-transform:uppercase;
    color: var(--blush); margin-top:8px; text-align:center; padding:0 20px;
  }

  
/* ---------- 2. EXPERIENCIA ---------- */
  .experiencia{ padding:80px 0; background: var(--bg-soft); }
  .experiencia .container{
    display:grid; grid-template-columns: 0.7fr 1.3fr; gap:50px; align-items:center;
  }
  .experiencia h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); margin-bottom:16px; }
  .experiencia p{ font-size:0.98rem; color: var(--charcoal); max-width:560px; }

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

  
/* ---------- 3. METODOLOGÍA ---------- */
  .metodologia{ background: var(--white); padding:40px 0; }
  .metodologia-intro{ max-width:720px; margin-bottom:50px; }
  .metodologia h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); margin-bottom:16px; }
  .metodologia p{ font-size:0.98rem; color: var(--charcoal); }
  .valores-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; }
  .valor-item{ background: var(--white); padding:30px 26px; border-top:3px solid var(--gold); }
  .valor-item .num{ font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos); font-size:clamp(1.35rem, 4.7vw, 2rem); color: var(--gold-texto); margin-bottom:10px; }
  .valor-item h3{ font-size:1.1rem; margin-bottom:10px; }
  .valor-item p{ font-size:0.88rem; color: var(--taupe); }

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

  /* ---------- 4. ALIANZAS ESTRATÉGICAS (placeholder) ---------- */
  
  
/* ---------- 5. CASOS DE ÉXITO Y TESTIMONIOS ---------- */
  .casos{ background: var(--white); padding:40px 0; }
  .casos .container.center{ text-align:center; margin-bottom:46px; }
  .casos h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); }
  .casos-sub{ font-size:0.78rem; letter-spacing:1.5px; text-transform:uppercase; color: var(--taupe); margin:40px 0 18px; text-align:center; }
  .casos-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-bottom:10px; }
  .caso-item{ background: var(--bg-soft); padding:24px 22px; border-left:3px solid var(--gold); }
  .caso-item h3{ font-size:1.1rem; margin-bottom:6px; }
  .caso-item .tipo{ font-size:0.82rem; color: var(--taupe); }

  .testimonios-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; margin-top:10px; }
  .testimonio-item{ background: var(--bg-soft); 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:900px){ .casos-grid{ grid-template-columns:1fr; } .testimonios-grid{ grid-template-columns:1fr; } }

  
/* ---------- 6. EQUIPO DE SOCIOS ---------- */
  .equipo{ background: var(--bg-soft); padding:40px 0; }
  .equipo .container.center{ text-align:center; margin-bottom:50px; }
  .equipo h2{ font-size:clamp(1.36rem, 5.2vw, 2.2rem); }
  .socio{
    display:grid; grid-template-columns: 0.55fr 1.45fr; gap:50px; align-items:center;
    background: var(--white);
    border:1px solid var(--border-soft);
    box-shadow: 0 16px 40px rgba(13,23,46,0.06);
    padding:44px;
    margin-bottom:30px;
  }
  .socio .photo-placeholder{
    background: var(--bg-soft);
    min-height:340px;
    display:flex; align-items:center; justify-content:center;
    flex-direction:column; gap:8px;
    color: var(--taupe);
  }
  .socio .photo-placeholder .icon{ font-size:clamp(1.35rem, 4.2vw, 1.8rem); }
  .socio .photo-img{
    width:100%; height:340px; object-fit:cover; display:block;
  }
  .socio h3{ font-size:clamp(1.35rem, 4.5vw, 1.9rem); margin-bottom:6px; }
  .socio .position{ font-size:0.95rem; color: var(--gold-texto); margin-bottom:20px; font-weight:500; }
  .socio p.bio{ font-size:0.95rem; color: var(--charcoal); margin-bottom:22px; }
  .socio .contact-row{
    display:flex; gap:24px; border-top:1px solid var(--border-soft); padding-top:18px;
    font-size:0.85rem; color: var(--taupe);
  }

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