body{
  --Aclaro: #6E93B7;
  --Tclara: #1F3A57;
  --accent: #B8863E;
  --paper: #f7f5f0;
  --fondos: #14263B;
  --piedra: #5C6B78;
  --piedrahover: #467dac;
  background-image: url('Fondo5V0.png');
  /*background-repeat: no-repeat;*/
  background-position: center top;
  background-size: 100% auto;
  background-attachment: scroll;
}

.btn-inicio {
  display: inline-flex;
  margin-left: 100px;
  align-items: center;
  gap: 8px;                    /* Espacio entre el icono y el texto */
  color: var(--fondos);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn-inicio a{
  text-decoration: none;
  color: var(--fondos);
  font-size: 1.2rem;
  font-weight: 600;
}

.btn-inicio:hover {
  background-color: var(--piedrahover); /* mismo azul del hover existente */
}

.cert-intro {
  max-width: 800px;
  margin: 0 auto;
  padding: 56px 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: var(--accent);
}


.cert-intro__lead {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.08rem, 1.5vw, 1.6rem); /*para que se adapte al tamaño de la ventana clamp(MÍNIMO, IDEAL, MÁXIMO)*/
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 28px;
  color: var(--accent);
  font-weight: 500;
}

    
.cert-intro__rule {
  width: 48px;
  height: 3px;
  background: var(--accent);
  border: none;
  margin: 0 auto 28px;
  border-radius: 2px;
}

.cert-intro__body {
  max-width: 800px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--fondos);
  margin: 0 0 16px;
}

    
@media (max-width: 480px) {
  .cert-intro {
    padding: 40px 18px;
  }
}

.Titulo_standar{
  font-size: clamp(1.07rem, 1.80vw, 1.2rem);
  color: var(--Aclaro);
  text-align: center;
}
    
.cert-cierre{
  max-width: 760px;
      margin: 0 auto;
      padding: 30px 10px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
      color: var(--Aclaro);
}

.Creditos{
  margin-left: 0px;
  margin-right: -8px;
  margin-bottom: -8px;
  padding-top: 5px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 0.8rem;
 background-color: var(--paper);
 
}

/* ProsecionalizaTalento.html ----------------*/
.TituloProfeTalento{
 margin-top: -10px;
  font-size: clamp(1.7rem, 2.6rem, 1.9rem);
  text-align: center;
  color: var(--piedra);

}

.introduccion{
  max-width: 800px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--piedra);
  margin: 0 0 16px;
}

.introduccion a{
  color: var(--piedra);
}

.TituloEstandar{
      font-size: 1.05rem;
      color: var(--accent);
      /*text-align: center;*/
    }

#aquien{
  max-width: 800px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--piedra);
  margin: 0 0 16px;
}

/* CONOCER.html ---------*/
.TituloConocer{
  margin-top: -10px;
  font-size: clamp(1.7rem, 2.6rem, 1.9rem);
  text-align: center;
  color: var(--Aclaro);

}

.Subtitulo-Conocer{
  font-size: clamp(1.07rem, 1.80vw, 1.2rem);
  color: var(--accent);
}
/* ---fin--- CONOCER.html */

/* 1. Desplazamiento suave al hacer clic en los enlaces */
html {
  scroll-behavior: smooth;
}

/* 2. Menú Flotante / Sticky */
.menu-ProfeTalento {
  position: -webkit-sticky; /* Soporte para Safari */
  position: sticky;
  top: 0;                   /* Se pega al borde superior al hacer scroll */
  z-index: 1000;            /* Asegura que quede por encima del contenido */
  /*background-color: var(--paper); /* Color de fondo del menú para que no se traslape con el texto */
  background-image: url('Fondo5V0.png');
  padding: 0.50rem 0.5rem;
  border-bottom: 2px solid #eef2f7;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); /* Sombra suave */
}

/* Estilos para la lista dentro del menú */
.menu-ProfeTalento ul {
  display: flex;            /* Alinea los elementos horizontalmente */
  flex-wrap: wrap;          /* Se ajusta en pantallas pequeñas */
  justify-content: center;  /* Centra las opciones del menú */
  gap: 0.5rem;                /* Espacio uniforme entre botones */
  list-style: none;         /* Sin viñetas */
  margin: 0;
  padding: 0;
}

/* Estilos para los enlaces del menú */
.menu-ProfeTalento a {
  text-decoration: none;
  color: var(--accent);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s;
}

/* Efecto al pasar el cursor (Hover) */
.menu-ProfeTalento a:hover {
  background-color: #eff6ff;
  color: #1d4ed8;
}

/* Ajuste para que los títulos no queden tapados por el menú flotante al hacer scroll */
h2[id], h3[id] {
  scroll-margin-top: 70px; /* Ajusta según el alto de tu menú */
}

/*-------------fin  ProsecionalizaTalento.html */