/* Phoenicia — estilos de la pagina «soluciones» */
/* ---------- INTRO ---------- */
  /* .intro base vive en base.css; aqui solo lo que cambia */
  .intro{ padding:60px 0 50px; }
  .intro p{ max-width:640px; }

  /* ---------- BARRA RÁPIDA (estilo referencia) ---------- */
  .overview{ background: var(--bg-soft); padding:36px 0; }
  .overview-grid{
    display:grid; grid-template-columns:repeat(4, 1fr);
    border-top:3px solid var(--gold);
  }
  .overview-card{
    padding:24px 28px;
    background: var(--white);
    border-left:1px solid var(--border-soft);
    font-family:var(--fuente-titulos); font-size-adjust: var(--aspecto-titulos);
    font-size:1.05rem;
    color: var(--navy-heading);
    transition: color .2s ease;
  }
  .overview-card:first-child{ border-left:none; }
  .overview-card:hover{ color: var(--gold-texto); }
  .overview-card .arrow{
    display:block; margin-top:8px; color: var(--gold-texto); font-size:1rem;
  }

  @media (max-width:760px){
    .overview-grid{ grid-template-columns:1fr; }
    .overview-card{ border-left:none; border-top:1px solid var(--border-soft); }
    .overview-card:first-child{ border-top:none; }
  }

  
/* ---------- CATEGORÍA DE SERVICIO ---------- */
  .categoria{ padding:80px 0; }
  .categoria:nth-of-type(odd){ background: var(--white); }
  .categoria:nth-of-type(even){ background: var(--bg-soft); }
  .categoria-head{ max-width:680px; margin-bottom:46px; }
  .categoria-head h2{ font-size:clamp(1.35rem, 4.9vw, 2.1rem); margin-bottom:14px; }
  .categoria-head p{ font-size:0.97rem; color: var(--charcoal); }

  .categoria-layout{
    display:flex; gap:56px; align-items:center;
  }
  .categoria .img-placeholder{ flex:0 0 280px; min-height:230px; }
  .categoria-img{
    flex:0 0 280px; width:280px; 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.95rem; color: var(--charcoal);
    padding:14px 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){
    .categoria-layout{ flex-direction:column; }
    .categoria .img-placeholder{ flex:0 0 auto; width:100%; min-height:200px; order:2; }
    .categoria-img{ flex:0 0 auto; width:100%; height:220px; order:2; }
    .items-grid{ order:1; }
  }
  @media (max-width:560px){ .items-grid{ grid-template-columns:1fr; } }

  
/* ---------- CTA ---------- */
  .cta{ background: var(--white); padding:90px 0; }
  .cta .container{
    display:grid; grid-template-columns: 1.1fr 0.9fr; gap:50px; align-items:center;
  }
  .cta h2{ font-size:clamp(1.43rem, 5.4vw, 2.3rem); margin-bottom:18px; }
  .cta p{ color: var(--charcoal); margin-bottom:30px; max-width:440px; }
  .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:320px; }
  .cta-img{
    position:relative; z-index:1; width:100%; height:320px;
    object-fit:cover; border-radius:6px; display:block;
  }

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