/* =========================================================
   Colegio Hispano Chileno - Diseño profesional
   Archivo nuevo e independiente.
   No modifica ni reemplaza assets/css/site.css.
   No toca clases del menú superior para evitar conflictos.
   ========================================================= */

body.chc-pro{
  background:
    radial-gradient(circle at top left, rgba(29,79,163,.10), transparent 34rem),
    linear-gradient(180deg,#f8fbff 0%,#f3f6fb 48%,#eef3f8 100%);
  color:#20324a;
}

/* Tipografía solo para contenidos, no para el menú */
body.chc-pro main,
body.chc-pro header,
body.chc-pro footer,
body.chc-pro .carousel-caption,
body.chc-pro .chc-home-section{
  font-family:"Segoe UI", Roboto, Arial, sans-serif;
}

/* Hero principal del Home */
body.chc-pro .hero-img{
  min-height:560px;
  object-fit:cover;
  filter:saturate(1.04) contrast(1.03);
}

body.chc-pro .carousel-item{
  position:relative;
}

body.chc-pro .carousel-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,21,48,.80) 0%, rgba(6,21,48,.55) 46%, rgba(6,21,48,.08) 100%);
  pointer-events:none;
}

body.chc-pro .carousel-caption{
  z-index:2;
  right:auto;
  bottom:12%;
  width:min(680px,86%);
  padding:1.65rem 1.85rem;
  border-radius:24px;
  background:rgba(8,28,63,.64);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(5px);
}

body.chc-pro .carousel-caption h1,
body.chc-pro .carousel-caption h2{
  color:#fff;
  letter-spacing:-.035em;
  line-height:1.08;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

body.chc-pro .carousel-caption .lead{
  color:rgba(255,255,255,.94);
  line-height:1.55;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}

body.chc-pro .carousel-caption .btn{
  border-radius:14px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

/* Hero de páginas internas */
body.chc-pro .chc-page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 20%, rgba(246,195,67,.28), transparent 18rem),
    linear-gradient(115deg, var(--chc-primary-2) 0%, var(--chc-primary) 62%, #2f6fc7 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.14);
}

body.chc-pro .chc-page-hero::after{
  content:"";
  position:absolute;
  right:-7rem;
  bottom:-8rem;
  width:22rem;
  height:22rem;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}

body.chc-pro .chc-page-hero .container{
  position:relative;
  z-index:1;
}

body.chc-pro .chc-page-hero h1{
  font-size:clamp(2rem,4vw,3.1rem);
  letter-spacing:-.035em;
}

body.chc-pro .chc-page-hero .kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:rgba(255,255,255,.86);
  font-weight:600;
  letter-spacing:.01em;
}

/* Secciones y tarjetas */
body.chc-pro main.container,
body.chc-pro .chc-home-section{
  position:relative;
}

body.chc-pro .card,
body.chc-pro .doc-card,
body.chc-pro .home-docs-box,
body.chc-pro .chc-panel,
body.chc-pro .chc-feature-card,
body.chc-pro .chc-news-card,
body.chc-pro .chc-stat-card{
  border:1px solid rgba(29,79,163,.10);
  border-radius:24px;
  box-shadow:0 16px 42px rgba(20,43,82,.08);
}

body.chc-pro .card,
body.chc-pro .doc-card,
body.chc-pro .chc-panel,
body.chc-pro .chc-feature-card,
body.chc-pro .chc-news-card,
body.chc-pro .chc-stat-card{
  background:#fff;
}

body.chc-pro .card,
body.chc-pro .chc-feature-card,
body.chc-pro .chc-news-card,
body.chc-pro .chc-stat-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.chc-pro .card:hover,
body.chc-pro .chc-feature-card:hover,
body.chc-pro .chc-news-card:hover,
body.chc-pro .chc-stat-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(20,43,82,.12);
  border-color:rgba(29,79,163,.18);
}

body.chc-pro .card-img-top{
  height:220px;
  object-fit:cover;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
}

body.chc-pro .section-title{
  letter-spacing:-.03em;
  color:#182d4a;
}

body.chc-pro .text-muted{
  color:#617087 !important;
}

body.chc-pro .badge-chc{
  background:rgba(246,195,67,.20);
  color:#0b2f6a;
  border:1px solid rgba(246,195,67,.26);
  font-weight:800;
  border-radius:999px;
  padding:.48rem .7rem;
}

body.chc-pro .btn{
  border-radius:14px;
  font-weight:700;
}

body.chc-pro .btn-primary{
  background:var(--chc-primary);
  border-color:var(--chc-primary);
  box-shadow:0 10px 20px rgba(29,79,163,.16);
}

body.chc-pro .btn-primary:hover{
  background:var(--chc-primary-2);
  border-color:var(--chc-primary-2);
}

body.chc-pro .btn-outline-primary{
  border-color:rgba(29,79,163,.32);
}

body.chc-pro .note{
  background:linear-gradient(90deg,#fff8e1,#fff);
  border-left-color:var(--chc-accent);
  box-shadow:0 12px 30px rgba(20,43,82,.06);
}

/* Home: bloque destacado de reglamentos */
body.chc-pro .chc-docs-spotlight{
  margin-top:-52px;
  position:relative;
  z-index:4;
}

body.chc-pro .chc-docs-shell{
  background:#fff;
  border:1px solid rgba(29,79,163,.10);
  border-radius:28px;
  box-shadow:0 22px 56px rgba(10,34,76,.16);
  overflow:hidden;
}

body.chc-pro .chc-docs-intro{
  height:100%;
  padding:1.6rem;
  background:
    radial-gradient(circle at top right, rgba(246,195,67,.32), transparent 13rem),
    linear-gradient(145deg,#0b2f6a,#1d4fa3);
  color:#fff;
}

body.chc-pro .chc-docs-intro small{
  display:inline-block;
  margin-bottom:.45rem;
  color:rgba(255,255,255,.76);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.76rem;
  font-weight:800;
}

body.chc-pro .chc-docs-intro h2{
  font-size:1.55rem;
  font-weight:800;
  letter-spacing:-.025em;
  margin-bottom:.45rem;
}

body.chc-pro .chc-docs-intro p{
  color:rgba(255,255,255,.86);
  margin-bottom:0;
  line-height:1.55;
}

body.chc-pro .chc-doc-item{
  height:100%;
  display:flex;
  gap:1rem;
  padding:1.25rem;
  border:1px solid rgba(29,79,163,.10);
  border-radius:20px;
  background:#f8fbff;
}

body.chc-pro .chc-doc-icon,
body.chc-pro .chc-feature-icon,
body.chc-pro .chc-stat-icon{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--chc-primary),var(--chc-primary-2));
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 24px rgba(29,79,163,.22);
}

body.chc-pro .chc-doc-item h3{
  font-size:1.06rem;
  font-weight:800;
  margin-bottom:.35rem;
  color:#172d4c;
}

body.chc-pro .chc-doc-item p{
  color:#617087;
  line-height:1.48;
  margin-bottom:.85rem;
}

/* Home: módulos */
body.chc-pro .chc-home-section{
  padding:4.6rem 0;
}

body.chc-pro .chc-section-head{
  max-width:820px;
  margin-bottom:1.55rem;
}

body.chc-pro .chc-section-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#1d4fa3;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.5rem;
}

body.chc-pro .chc-section-head h2{
  color:#172d4c;
  font-size:clamp(1.8rem,3vw,2.55rem);
  font-weight:800;
  letter-spacing:-.04em;
  margin-bottom:.55rem;
}

body.chc-pro .chc-section-head p{
  color:#617087;
  font-size:1.04rem;
  line-height:1.65;
}

body.chc-pro .chc-stat-card,
body.chc-pro .chc-feature-card{
  height:100%;
  padding:1.45rem;
}

body.chc-pro .chc-stat-value{
  font-size:2rem;
  line-height:1;
  font-weight:800;
  color:#0b2f6a;
  letter-spacing:-.04em;
}

body.chc-pro .chc-stat-label{
  color:#617087;
  margin-top:.45rem;
}

body.chc-pro .chc-feature-card h3{
  font-size:1.15rem;
  font-weight:800;
  margin:1rem 0 .55rem;
}

body.chc-pro .chc-feature-card p{
  color:#617087;
  line-height:1.58;
}

body.chc-pro .chc-split{
  background:#fff;
  border:1px solid rgba(29,79,163,.10);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(20,43,82,.08);
}

body.chc-pro .chc-split-img{
  min-height:100%;
  height:100%;
  width:100%;
  object-fit:cover;
}

body.chc-pro .chc-split-content{
  padding:2rem;
}

body.chc-pro .chc-news-card{
  height:100%;
  overflow:hidden;
}

body.chc-pro .chc-news-card .card-body{
  padding:1.35rem;
}

/* Documentos */
body.chc-pro .doc-card{
  overflow:hidden;
}

body.chc-pro .doc-icon{
  border-radius:18px;
}

/* Formularios */
body.chc-pro .form-control,
body.chc-pro .form-select{
  border-radius:14px;
  border-color:rgba(29,79,163,.16);
  padding:.8rem .95rem;
}

body.chc-pro .form-control:focus,
body.chc-pro .form-select:focus{
  border-color:var(--chc-primary);
  box-shadow:0 0 0 .25rem rgba(29,79,163,.12);
}

/* Footer */
body.chc-pro .footer-chc{
  background:
    radial-gradient(circle at 90% 10%, rgba(246,195,67,.16), transparent 15rem),
    linear-gradient(145deg,var(--chc-primary-2),#102f65);
  box-shadow:0 -12px 34px rgba(11,47,106,.08);
}

/* Responsive */
@media (max-width:991.98px){
  body.chc-pro .chc-docs-spotlight{
    margin-top:1.5rem;
  }
  body.chc-pro .carousel-caption{
    left:1rem;
    right:1rem;
    width:auto;
    bottom:1.25rem;
  }
  body.chc-pro .hero-img{
    min-height:500px;
  }
}

@media (max-width:767.98px){
  body.chc-pro .hero-img{
    min-height:450px;
  }
  body.chc-pro .carousel-caption{
    padding:1.2rem;
  }
  body.chc-pro .carousel-caption h1{
    font-size:1.85rem;
  }
  body.chc-pro .carousel-caption h2{
    font-size:1.6rem;
  }
  body.chc-pro .chc-home-section{
    padding:3.25rem 0;
  }
  body.chc-pro .chc-doc-item{
    flex-direction:column;
  }
}


/* Texto profesional adicional para slider principal */
body.chc-pro .chc-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  margin-bottom:.65rem;
  padding:.38rem .7rem;
  border-radius:999px;
  background:rgba(246,195,67,.18);
  border:1px solid rgba(246,195,67,.32);
  color:#fff4c7;
  font-size:.78rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.chc-pro .chc-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

body.chc-pro .chc-hero-pills span{
  display:inline-flex;
  align-items:center;
  padding:.42rem .68rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:.86rem;
  font-weight:700;
}

body.chc-pro .carousel-caption h1,
body.chc-pro .carousel-caption h2{
  max-width:720px;
}

body.chc-pro .carousel-caption .lead{
  max-width:760px;
}

@media (max-width:767.98px){
  body.chc-pro .chc-hero-pills{
    display:none;
  }

  body.chc-pro .carousel-caption .lead{
    font-size:1rem;
  }
}