.internal-hero{
  position:relative;
  overflow:hidden;

  padding:5rem 0 3rem;

  background:
    linear-gradient(
      135deg,
      #ffffff,
      #f4f7fb
    );

  border-bottom:
    1px solid rgba(30,90,173,.08);
}

.internal-title{
  margin-top:1rem;

  font-size:clamp(
    2rem,
    5vw,
    3.5rem
  );

  line-height:1.1;

  font-weight:800;

  color:var(--blue-deep);
}

.internal-breadcrumb{

  margin-top:1.5rem;

  display:inline-flex;
  align-items:center;
  gap:.75rem;

  padding:.8rem 1rem;

  border-radius:999px;

  background:#fff;

  border:
    1px solid rgba(30,90,173,.08);

  box-shadow:
    0 10px 25px rgba(0,0,0,.04);

}

.internal-breadcrumb .crumb,
.internal-breadcrumb .active,
.internal-breadcrumb a{
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.internal-content{
  padding:4rem 1.5rem;
  background:#f4f7fb;
}

.content-card{

  background:#fff;

  border-radius:28px;

  padding:2rem;

  border:
    1px solid rgba(30,90,173,.08);

  box-shadow:
    0 20px 40px rgba(30,90,173,.06);

}

.section-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;

  padding:.55rem 1rem;

  border-radius:999px;

  background:
    rgba(40,114,212,.08);

  border:
    1px solid rgba(40,114,212,.15);

  color:var(--blue-deep);

  font-size:.8rem;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Punto decorativo opcional */
.section-badge::before{
  content:"";

  width:8px;
  height:8px;

  border-radius:50%;

  background:var(--blue-bright);

  box-shadow:
    0 0 0 4px rgba(40,114,212,.12);
}

.breadcrumb-separator::before{
  content:"";

  display:inline-block;

  width:24px;
  height:24px;

  margin:0 .5rem;

  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%232872d4'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E");
}

.breadcrumb-separator{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin:0 .25rem;

  vertical-align:middle;
}

.breadcrumb-separator svg{
  width:14px;
  height:14px;

  display:block;
}

.internal-breadcrumb .fa-home{
  display:flex;
  align-items:center;
  justify-content:center;

  font-size:14px;
  color:var(--blue-deep);

  line-height:1;
}