@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat|Poppins|Anuphan|Arvo|Asul|Capriola');

.titulo{
font-size: 1.4em !important;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: .2px;
  color: #2f3b3a;
}
h1{
  /*text-align:center !important;
  color:#7d7866 !important;
  font-family:'Montserrat';
  font-size:2rem !important;
  font-weight:bold !important;
  padding:1%;
  margin-top:2% !important;*/
  border-left: 24px solid #7d7866;
  padding: 1% 3% 1% .5%;
  
  font-weight:bold !important;
  font-family:'Montserrat' !important;
  text-align: left !important;
  font-size: 1.5em !important;

  margin-bottom:2% !important;
  color: #7d7866;
  border-bottom:3px solid #7d7866;
  display: inline-block;			
  letter-spacing: 3px !important;
border-radius: 5px;
}
.container{ margin-top:2%; }

body{
  margin:0;
  padding:0;
  font-family:'Montserrat' !important;
}
/*
h2{
  font-family:'Montserrat' !important;
  margin-top:4% !important;
  font-size:1.5rem !important;
  color:#655d37 !important;
  border-bottom: 1px solid #655d37;
  padding-bottom: 0.3rem;
}

h2 {
	font-size:1.5rem !important;
  color: #7d7866 ;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: inline-block;       
  position: relative;
  padding-bottom: 0.25rem;
}

h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;                  
  height: 1px;
  background: #7d7866;
   
}
*/
/* Base de ritmo y legibilidad */
h2 {
  font-size: 1.4em !important;
  margin: 2% 0 0 0 !important;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: .2px;
  color: #2f3b3a;
}
h2::first-letter {
  color: #3f6d5f;
  font-size: 1.5em;             /* +5% sutil */
  font-weight: 700;
  letter-spacing: .5px;
}
li{
	margin-top:1%;
}

.col-xl-3{ margin-bottom:6%; }
.col-xl-3 img{ width:100%; height:auto; }

h3{ font-size:1.2em !important; margin-top:2% !important; }
h4{ font-size:1em !important; }

.flotaIzq{ float:left; }
.flotaDer{ float:right; }

a{
	color:#655d37 !important;
}

.enlace{
  text-decoration-line:underline;
  color:#655d37 !important;
}
.enlaceSin{
  color:#655d37 !important;
  text-decoration:none !important;
  font-size:17px;
}

/* Corregido !important dentro de la declaración */
.fondoLavanda{ background-color:#f5c7f7 !important; }
.fondoOliva{ background-color:#ada890 !important; }

.display-4{
  margin:0;
  padding:0;
  padding-top:1%;
}

.clearfix::after{
  content:"";
  clear:both;
  display:table;
}

#uno{
  float:left;
  width:50%;
  margin-right:4%;
}
/*#uno img{
  max-height:370px;
  width:auto;
  object-fit:contain;
}*/

#uno img{
width:100%;

}

#unoB img{
  width:50%;
  float:left;
  margin-right:4%;
}

#dos{
  width:40%;
  float:right;
  margin-left:4%;
}
#dos img{
  max-width:100%;
  float:right;
}

h1 img{
  margin-bottom:1%;
  float:right;
}

.navbar-nav .nav-link{
  /* white-space normal si quieres multi-línea; lo controlamos en móvil abajo */
  padding-top:.5rem;
  padding-bottom:.5rem;
  line-height:1.2;
  min-height:3rem;
}

.navbar-nav, .navbar-brand, .navbar{
  background-color:white;
}

.nav-item, .nav-link{
  font-family:Montserrat, Arial !important;
  font-size:1.05em;
  font-weight:400 !important;
  color:#655d37 !important;
  font-weight:bold;
}

.navbar-nav .dropdown-toggle{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  text-align:left !important;
  width:100%;
}
/* Flecha a la derecha */
.navbar-nav .dropdown-toggle::after{ margin-left:auto; }

.navbar-toggler-icon, .navbar-toggler, .dropdown-item{ color:#655d37 !important; }

.toggle-password, .toggle-passwordDos{
  border:none;
  background:none;
  cursor:pointer;
}

#ciencia{
font-size:0.8em;

  border:1px solid black;

  width:40%;
  float:right;
  margin-left:4%;
  
  
        background: #F3F4ED;
      border-left: 4px solid #7d7866;
      padding: 1rem;
      border-radius: 6px;
}

#estudios{
  text-align:center;
  margin:3px 0 15px 0;
  font-style:bold !important;

}
#estudios a{ 
	background-color:#7d7866; 
	font-weight:bold;
	color:white;
	  font-size:1.2em;
}

.destacado{
  font-size:1.2em;
  color:white;
  background-color:#ADA890;
  padding:6px !important;
}

.buscador{
  width:25% !important;
  float:right !important;
}
.gsc-control-cse{
  margin:0 !important;
  padding:0 !important;
}

@media only screen and (max-width:768px){
  .buscador{ width:70% !important; }
  .pieTexto{ font-size:1.8em !important; }
  .pie{ width:5% !important; }
  .pieLogo{ width:100% !important; }
  .tresImagenes{display:none !important;}
}
.salto{
	clear:both;
}
.pie{width:2%; margin-right:6%; }
.pieTexto{
  font-family:'Marck Script', sans-serif;
  font-size:3em;
}
.pieTexto img{ margin-top:-2%; }
.pieLogo{ width:25%; margin-right:6%; }

.cien{ width:100% !important; }

/* Enlace de submenú: ocupar todo el ancho y alinear icono */
.dropdown-submenu > a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}

/* ======== MENÚS Y SUBMENÚS ======== */
/* Mostrar submenú cuando el UL tenga .show (tu JS añade .show al UL) */
.dropdown-submenu .dropdown-menu.show{ display:block; }

/* Escritorio: submenús a la derecha (cascada) */
@media (min-width:1200px){
  .dropdown-submenu .dropdown-menu{
    display:none;
    position:absolute;
    top:0;
    left:100%;
    z-index:1000;
  }
  /* Rotar icono en escritorio */
  .dropdown-submenu > a > .fas{ transform:rotate(-90deg); }
}

/* Móvil / navbar colapsado: sin “salto” ni encogimiento */
@media (max-width:1199.98px){
  /* Dropdowns fluyen en bloque desde el primer repintado */
  .navbar .dropdown-menu{
    position:static !important;
    float:none;
    width:100%;
    margin:0;
    transform:none !important;
    /* el display inicial lo maneja Bootstrap; aquí evitamos transform/posicionamiento */
  }

  .dropdown-submenu .dropdown-menu{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    margin-left:0 !important;
  }

  /* Links a 100% y, si quieres, una sola línea con elipsis */
  .navbar-nav .nav-link{
    display:block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Evitar animación/altura intermedia del collapse (adiós “flash/salto”) */
  .navbar-collapse.collapsing{
    height:auto !important;
    transition:none !important;
  }
  .navbar-collapse.collapse.show{
    height:auto !important;
  }
}

/* Tamaño del icono del submenú */
.dropdown-submenu > a > .fas{ font-size:10px; }