/* corporativo.min.css – Curia Concursal (común para páginas de Empresas) */
.corp-wrap{--c1:#2a6666;--c2:#F2F2FA;--c3:#228488;--c4:#69ccd0;--ink:#000000;--bg:#ffffff;--radius:14px;--shadow:0 6px 24px rgba(0,0,0,.06);color:var(--ink);background:var(--bg);margin-inline:auto;max-width:1100px;padding:clamp(16px,3vw,32px)}
.corp-wrap h1,.corp-wrap h2{line-height:1.2}

/* Breadcrumb accesible (sin numeración ni SVG) */
.breadcrumb{margin:4px 0 12px}
.breadcrumb ol{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li+li::before{content:"›";color:var(--c3);margin:0 .25rem}
.breadcrumb a{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:linear-gradient(180deg,var(--c2),#fff);border:1px solid #e5e7eb;color:var(--c3);text-decoration:none;font-weight:600}
.breadcrumb [aria-current="page"] span{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:var(--c1);color:#fff;border:1px solid var(--c1);font-weight:700}

/* Hero */
.hero h1{font-size:clamp(1.9rem,3vw,2.6rem);color:var(--c1);margin:.25rem 0 .5rem}
.lead{font-size:clamp(1rem,2.2vw,1.15rem);color:#1f2937;max-width:72ch}
.cta-row{display:flex;gap:.65rem;margin-top:1rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.85rem 1.1rem;border-radius:999px;border:2px solid var(--c4);font-weight:700;text-decoration:none}
.btn-primary{background:var(--c4);color:#0b1b1c}
.btn-outline{background:#fff;color:var(--c1);border-color:var(--c1)}
.btn-sm{padding:.6rem .9rem;font-size:.95rem}
.btn:hover{filter:brightness(.98);transform:translateY(-1px)}

/* Bloques y layout */
.block{margin-top:clamp(18px,3vw,32px)}
.grid-2{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(16px,3vw,28px)}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vw,18px)}
.copy p strong{color:var(--c3)}

/* Tarjetas y listas */
.card{background:var(--c2);border:1px solid #e5e7eb;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.card-title{margin:.2rem 0 8px;color:var(--c1);font-size:1.05rem}
.mini-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.mini-card h3{margin:.15rem 0 .35rem;color:var(--c1);font-size:1.02rem}
.bullets{padding-left:1.1rem;margin:.25rem 0 .75rem}
.bullets li{margin:.35rem 0;list-style:"✓  "}
.check{padding-left:1.1rem;margin:.25rem 0 .75rem}
.check li{margin:.35rem 0;list-style:"•  ";}

/* Pasos */
.steps{list-style:none;padding:0;display:grid;gap:12px}
.steps li{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.steps h3{margin:.15rem 0 .25rem;color:var(--c1);font-size:1.02rem}

/* Bloque destacado */
.highlight{background:linear-gradient(180deg,#fff,var(--c2));border:1px solid #e5e7eb;border-radius:12px;padding:16px}

/* FAQs */
details{border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;background:#fff}
details+details{margin-top:.5rem}
summary{cursor:pointer;font-weight:700;color:var(--c1)}

/* CTA final */
.closing-cta{margin:clamp(22px,4vw,40px) 0 0;background:var(--c1);color:#fff;padding:clamp(16px,3vw,26px);border-radius:14px;text-align:left}
.closing-cta .btn{background:#fff;color:var(--c1);border-color:#fff}

/* Responsive */
@media (max-width:900px){.grid-2{grid-template-columns:1fr}.cards-3{grid-template-columns:1fr}}

/* Offset para headers fijos/sticky en anclas dentro del contenido corporativo */
.corp-wrap [id]{scroll-margin-top:var(--header-offset,96px)}
/* === Breadcrumb compacto y legible === */
.curia-contact-scope .breadcrumb.breadcrumb--compact{
  margin: 6px 0 8px;
}
.curia-contact-scope .breadcrumb.breadcrumb--compact ol{
  display:flex; flex-wrap:wrap; gap:6px;
  padding:8px 12px; margin:0;
}
.curia-contact-scope .breadcrumb.breadcrumb--compact li{
  display:flex; align-items:center; gap:8px; color:#2a6666; font-weight:600;
}
.curia-contact-scope .breadcrumb.breadcrumb--compact li+li::before{
  content:"›"; color:#228488; opacity:.7;
}
.curia-contact-scope .breadcrumb.breadcrumb--compact a{
  color:#2a6666; text-decoration:none;
}
.curia-contact-scope .breadcrumb.breadcrumb--compact a:hover{
  text-decoration:underline;
}
<style>
/* ===== BREADCRUMB COMPACTO GLOBAL EN MÓVIL / TABLET ===== */
@media (max-width: 900px){

  /* Contenedor: todas las páginas corporativas con .corp-wrap */
  .corp-wrap .breadcrumb{
    margin: 2px 0 6px !important;
  }

  .corp-wrap .breadcrumb ol{
    display: flex !important;
    flex-wrap: nowrap !important;   /* una sola línea */
    overflow-x: auto !important;     /* si no cabe, scroll suave */
    -webkit-overflow-scrolling: touch;
    gap: 0.25rem !important;
  }

  .corp-wrap .breadcrumb li{
    flex: 0 0 auto !important;
  }

  .corp-wrap .breadcrumb a,
  .corp-wrap .breadcrumb [aria-current="page"] span{
    font-size: 0.75rem !important;
    padding: 0.14rem 0.5rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  /* Acortamos el primer ítem: solo icono casa */
  .corp-wrap .breadcrumb li:first-child span{
    display: none !important;
  }

  /* ================= EMPRESAS (empresas-scope) ================= */
  #empresas.empresas-scope .breadcrumb{
    margin: 2px 0 6px !important;
  }

  #empresas.empresas-scope .breadcrumb ol{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 0.25rem !important;
  }

  #empresas.empresas-scope .breadcrumb li{
    flex: 0 0 auto !important;
  }

  #empresas.empresas-scope .breadcrumb a,
  #empresas.empresas-scope .breadcrumb [aria-current="page"] span{
    font-size: 0.75rem !important;
    padding: 0.14rem 0.5rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  #empresas.empresas-scope .breadcrumb li:first-child span{
    display: none !important; /* solo icono en "Inicio" */
  }

  /* ================= CONTACTO (breadcrumb compacto) ================= */
  .curia-contact-scope .breadcrumb.breadcrumb--compact ol{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 0.25rem !important;
    padding: 6px 10px !important;
  }

  .curia-contact-scope .breadcrumb.breadcrumb--compact li{
    flex: 0 0 auto !important;
    font-size: 0.8rem !important;
  }

  .curia-contact-scope .breadcrumb.breadcrumb--compact li:first-child span{
    display: none !important;
  }
}
</style>