@charset "utf-8";

.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.inter-tight-<uniquifier> {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/* CSS Document */
body {
    padding-top: 90px !important;
}
.Encabezado
{
   width: 80%;
  margin: 0 auto;
      height: 90px;

}
.bloque1{
display: flex;
}
#enc_gob
{
width: 25%;	

}
#enc_cona
{
width: 25%;
	
}

#enc_mora
{
width: 10%;	

}
.gsc-search-button-v2 {
    border-color: #95161a !important;
    background-color: #95161a !important;
}

  .bloque1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* permite que los elementos bajen en pantallas pequeñas */
  }

  .logos {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .logos img {
    max-height: 60px;
    height: auto;
    width: auto;
  }

  .divider {
    font-size: 24px;
    color: gainsboro;
  }

  #buscador {
    min-width: 250px;
    max-width: 100%;
    margin-top: 10px;
  }
  .bloque2
{
	background-image:url("fachada.png");
		  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center;     /* Centra verticalmente */
  height:900px;
/*  height: 100vh;           Asegura altura para centrar verticalmente */
 }
.bloque2_1 {
  width: 100px;
  height: 100px;
  background-color: red;
  color: white;
}

/*----------------------------------------------------Carrusel--------------------------------------------*/
  .carousel {
      position: relative;
      width: 100vw;
      height:900px;
    /* height: 100vh;*/
      overflow: hidden;
      margin: 20px;
      
    }
    .slide {
      display: none;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: top;
/*      background-position: center;*/
      color: white;
      text-align: center;
      padding: 0px 0px;
      position: absolute;
      top: 0;
      left: 0;
    }
    .overlay {
  
      background: linear-gradient(180deg, rgba(255, 255, 255, .7) 30%, rgba(153, 39, 40, .7) 100%);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }
     .overlay2 {
  
      width: 100%;
      height: 65%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
    }

    .overlay h2 {
      font-size: 7rem;
      margin-bottom: 20px;
      color:#404040;
      font-family: "Playfair Display", serif;
    }
    .overlay p {
    font-family: "Inter Tight", sans-serif;
      font-size: 3rem;
      max-width: 65%;
      margin-bottom: 30px;
      color:#404040;
    }
    .overlay a {
      font-family: "Inter Tight", sans-serif;
      background: #B9935D;
      color: white;
      padding: 15px 30px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 500;
       font-size: 3rem;
    }
    .overlay a:hover
    {
      font-family: "Inter Tight", sans-serif;
      background: #B9935D;
      color: white;
      padding: 15px 30px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
       font-size: 3rem;
    }

    .controls {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      padding: 0 20px;
    }
    .control-btn {
      background: rgba(0,0,0,0.5);
      color: white;
      border: none;
      padding: 15px;
      cursor: pointer;
      border-radius: 50%;
      font-size: 1.5rem;
    }

    
    /*----------------------------------/* Menú sobrepuesto -------------------*/
#menu {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 68%;                  /* ancho fijo al 80% */
    max-width: 1200px;            /* opcional para no crecer demasiado en pantallas grandes */
    background: rgb(255 255 255 / 60%);
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    z-index: 10;
    display: flex;
    justify-content: center;      /* centra los items dentro */
    gap: 20px;
    list-style: none !important;
  }

#menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; /* horizontal */

}

#menu li {
  position: relative;
}

#menu a {
  display: block;
  padding: 10px 15px;
  font-family: "Inter Tight", sans-serif;
    color: #404040;
    font-weight: bold;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size:19px;}

/* Subrayado al pasar el mouse */
#menu a:hover {
  text-decoration: none;
   border-bottom: 2px solid #B9935D !important;
    font-weight: bold
  }

/* Submenú */
#menu li ul {
  display: none;
  position: absolute;
  top: 100%; /* aparece debajo del padre */
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 150px;
  z-index: 1000;
      background: rgb(255 255 255 / 60%);
}

#menu li:hover > ul {
  display: block;
      background: rgb(255 255 255 / 60%);}

#menu li ul li a {
  padding: 10px 15px;
 
}

#menu li ul li a:hover {
  text-decoration: none;
  border-bottom: 2px solid #B9935D !important;
    font-weight: bold
  }
/* Botón hamburguesa */
.menu-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
}

  #menu li a.has-submenu::after {
    content: " ▾";
    float: right;
  }

 /*---------------------------------Imagen mora---------------------------*/
 .ImgMora
 {
	position: absolute; 
	display: flex; 
	z-index: 10; 
	  /*  width: 360px;
    padding-left: 230px;*/
    width: 11%;
    padding-left: 5%;}
/*-------------------------------------Botón directorio-----------------------*/
.btn_directorio
{
		position: absolute; 
	display: flex; 
	z-index: 10; 
font-family: "Inter Tight", sans-serif;
    background: #B9935D;
    color: white;
    padding: 9px 13px;
    border-radius: 12px;
    text-decoration: none;
    font-weight:500;
  
    font-size: 1.5rem;
        top: 30px;
}
.btn_directorio:hover
{
		position: absolute; 
	display: flex; 
	z-index: 10; 
font-family: "Inter Tight", sans-serif;
    background: #B9935D;
    color: white;}
    .btntel
{
	justify-content:flex-end; 
	width: 93%; 
	display: flex;
}

.btnCel
{
	justify-content:flex-end; 
	width: 90%; 
	display: none;
}
.btn_Cel {
    position: absolute;
    display: none;
    z-index: 10;
    font-family: "Inter Tight", sans-serif;
    background: #B9935D;
    color: white;
    padding: 9px 10px;
        border-radius: 100%;
    text-decoration: none;
    font-weight: bold;
    font-size: 2rem;
    top: 30px;
    }
/*-----------------------------------------------------------Boton Apps-----------------------------------------*/
.btnAp
{
	justify-content:flex-end; 
	width: 96%; 
	display: flex;
}
.btn_apps {
    position: absolute;
    display: flex;
    z-index: 10;
    font-family: "Inter Tight", sans-serif;
    background: #B9935D;
    color: white;
    padding: 9px 9px;
        border-radius: 100%;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5rem;
    top: 30px;
    }
      .btn_apps::after {
      content: "Apps";
      position: absolute;
      bottom: -30px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      padding: 5px 10px;
      border-radius: 5px;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }

   .btn_apps:hover::after {
      opacity: 1;
    }

    /*-----------------------------------------------------------Boton Correo-----------------------------------------*/
.btnCorreo
{
	justify-content:flex-end; 
	width: 99%; 
	display: flex;
}
.btn_correo {
    position: absolute;
    display: flex;
    z-index: 10;
    font-family: "Inter Tight", sans-serif;
    background: #B9935D;
    color: white;
    padding: 9px 9px;
        border-radius: 100%;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5rem;
    top: 30px;
    }
     .btn_correo::after {
      content: "Correo";
      position: absolute;
      bottom: -30px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      padding: 5px 10px;
      border-radius: 5px;
      white-space: nowrap;
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }

   .btn_correo:hover::after {
      opacity: 1;
    }

/*----------------------------------------------Seccion 2------------------------------------*/
.bloque3 {
  margin: 1%;
}

/* Contenedores de filas */
.bloque3-1,
.bloque3-2 {
  display: flex;
  flex-wrap: wrap; /* permite que los elementos bajen en pantallas pequeñas */
  gap: 10px;  
      padding-bottom: 5px;     /* espacio entre imágenes */
}

/* Cada tarjeta ocupa 1/3 en pantallas grandes */
.gallery {
  flex: 1 1 calc(33.333% - 10px);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  background: #f3f3f3;
  display: block;
  color: white;
  height: 250px; /* altura fija, ajustable */
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
      color: white;
}

/* Overlay negro inicial */
.gallery-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.50);
  transition: background 0.3s ease;
      color: white;
}

/* Hover rojo */
.gallery-item:hover::after {
  background: rgba(153,39,40,0.70);
      color: white !important;
}

/* Efecto zoom */
.gallery-item:hover img {
  transform: scale(1.05);
      color: white;
}
.gallery-item:hover .gallery-title {
  color: white;
}

/* Título flotante
.gallery-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  font-size: 2.2rem;
  font-weight: 600;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  border-bottom: 2.5px solid;
  
} */
.gallery-title:hover
{
    color: white;	
}
.gallery-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  font-size: 2.2rem;
  font-weight: 600;
  display: flex;            /* permite alinear texto + icono */
  align-items: center;
  gap: 8px;                 /* espacio entre texto e icono */
  color: white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    border-bottom: 2.5px solid;
      font-family: "Playfair Display", serif;
}

.gallery-icon {
  width: 24px !important; /* tamaño del vector */
  height: auto;
}

 

/*-------------------------------------Bloque Recorrido-----------------------*/
.LicRecCom
{
	display: flex; 
	justify-content: center; 
	align-items: flex-end; 
	width: 100%; 
	height: 90%;
}

.bloque_Rec
{
		position: absolute; 
	display: flex; 
	z-index: 10; 
    width: 70%;
    background: rgb(255 255 255 / 70%);
    color: #404040;
    padding: 15px 15px;
    border-radius: 35px;
    text-decoration: none;
    font-weight: bold;
    font-size: 2rem;
}
.reco
{
border-right: 3px #B9935D solid;
border-bottom:none;
}

.bloque_Rec a
{

color: #404040;
    text-decoration: none;
    }
    .bloque_Rec a:hover
{

color: #404040;
    text-decoration: none;
    }
.tit1
{
font-family: "Playfair Display", serif !important;
font-size: 26px;
    font-weight: 700;	
}
.bloque_Rec p
{
	font-family: "Inter Tight", sans-serif;
font-size: 20px;
    font-weight: 500;
}


.bloque4
{
	  border-radius: 70px;
  width: 98%;
      margin: 3% 0px;

}
 .bloque4 h2
 {
	  font-size: 3rem;
  font-family: "Playfair Display", serif;
  margin-bottom: 30px;

}
/*---------------------------------------------------------------------Servicios-------------------------------*/
.bloque5 {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center;     /* centra verticalmente */
  background-color: #992728;
  border-radius: 70px;
  width: 98%;
  padding: 40px 0;
  margin: 1%;
}

.bloq5_2 {
  width: 90%;
  text-align: center;
}

.bloque5 h2 {
  font-size: 3rem;
  color: #fff;
  font-family: "Playfair Display", serif;
  margin-bottom: 30px;
}

.servicios-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* hace que los elementos bajen si la pantalla es más pequeña */
}

.servicio {
      flex: 1 1 20%;
  background-color: #fff;
  border-radius: 20px;
  margin: 10px;
  padding-top: 20px;
  box-sizing: border-box;
  display: grid;
      text-align: left;
        font-family: "Playfair Display", serif;
            font-size: 17px;
}
.Ir_Servicios
{
  font-family: "Playfair Display", serif;
	background-color:#C3A274; 
	border-radius: 0px 20px 20px 20px;    
	text-align: right; 
	color:#fff;    
	padding: 20px;
	font-size:20px;

}
/*---------------------------------------------------------------------Novedades-------------------------------*/
.bloque6 {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  background-image:url("/imagen/poussin.png");
  align-items: center;     /* centra verticalmente */
  border-radius: 70px;
  width: 98%;
  /*padding: 40px 0;*/
  margin: 1%;
    background-repeat: no-repeat;
                background-size: cover;

}

.bloque6_1 {
  display: flex;
   justify-content: center; /* centra horizontalmente */
  background: linear-gradient(180deg, rgba(153, 39, 40, .7) 30%, rgba(115, 115, 115, .7) 100%);
  align-items: center;     /* centra verticalmente */
  border-radius: 70px;
  width: 100%;
  /*padding: 40px 0;*/

}

.bloq6_2 {
  width: 90%;
  text-align: center;
}

.bloque6 h2 {
  font-size: 3rem;
  color: #fff;
  font-family: "Playfair Display", serif;
  margin-bottom: 30px;
}

.novedades-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* hace que los elementos bajen si la pantalla es más pequeña */
  padding: 100px 0px;
}

.novedades {
      flex: 1 1 15%;

  margin: 10px;
  
      padding: 0px 0px 30px 0px;
  box-sizing: border-box;
  display: grid;
      text-align: left;
        font-family: "Playfair Display", serif;
}
.novedades:hover {
transform: translateY(-10px) scale(1.1);
    border-bottom: 2px solid #fff;
}
/*-------------------------------------------------------Numeros-----------------------------------------------------------------*/
   #resultados {
      display: grid;
      grid-template-columns: repeat(4, 1fr); /* 4 columnas en escritorio */
      gap: 20px;
      margin-top: 20px;
          width: 80%;
    }
      gap: 20px;
      margin-top: 20px;
          width: 80%;
    }
    .item {
      text-align: center;
      border: 1px solid #ccc;
      padding: 15px;
      border-radius: 8px;
      background: #f9f9f9;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }
    .item:hover {
      transform: translateY(-5px);
    }
 .enlace-item
 {
color: #000000;
text-decoration: none;	
}
.enlace-item:hover,
.enlace-item:active,
.enlace-item:focus {
color: #000000;
text-decoration: none;	
}

    .item h3 {
      margin: 0;
      font-size: 18px;
        font-family: "Inter Tight", sans-serif;
    }
    .item p {
      margin: 8px 0 0;
      font-size: 50px;
      font-weight: bold;
      color: #B9935D;
        font-family: "Inter Tight", sans-serif;
    }
 
.bloque7 {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center;     /* centra verticalmente */
  background-color: #992728;
  border-radius: 70px;
  width: 98%;
  padding: 40px 0;
  margin: 1%;
}

.bloq7_2 {
  width: 100%;
  text-align: center;
}
/*-------------------------------------------------------------------------Sedes------------------------------*/

.servicios-container {
  display: flex;
  flex-wrap: wrap;          /* Se acomoda en varias filas en pantallas chicas */
  gap: 20px;
  max-width: 90%;
  margin: 0 auto;
}
.tit_sedes
{
 font-family: "Playfair Display", serif;
 font-size:27px;	
}
.inves
{
	width:15%;
}
.Not
{
	width:25%;
}
.Sede
{
	width:50%;
}


.servicios-container ul
{
	
list-style: none;
  font-family: "Inter Tight", sans-serif;
   font-size:16px;
       display: contents;

}
.sedes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
  justify-content: space-between;
}

.sedes div {
  flex: 1 1 30%;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
  font-weight: 600;
   font-size:13px;
}

.direccion {
  font-size: 1.3rem;;
  margin-top: 10px;
}

.footer {
  font-size: 1.3rem;
  margin-top: 20px;
  opacity: 0.8;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 10px;
}
.transparencia
{
	background-color:#D9D9D9; 
	border-radius: 15px; 
padding: 10px;
    width: 50%;
    text-align: center;
}
.Plaza
{
	width:30%;
}
/* ---------------------------------------------------------------------------------------------------- Para pantallas bajas ----------------------------------------------------*/
@media (max-height: 700px) {
    .bloque2
{

  height:700px;
}
.carousel {
      height:700px;
      
    }
  .overlay2 {
      height: 70%;
      }

.overlay h2 {
    font-size: 5rem;
    }
 .overlay a {
          padding: 10px 15px;
           font-size: 2rem;
    }
    .overlay a:hover
    {
          padding: 10px 15px;
             font-size: 2rem;
    }
     #menu {
      width: 65%;   
   padding: 5px 8px;         /* menos padding */
    gap: 10px;                /* menos separación entre items */
  }
  #menu a {
  display: block;
  padding: 10px 10px;
  font-family: "Inter Tight", sans-serif;
    color: #404040;
    font-weight: bold;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size:16px;}

.LicRecCom {
    height: 95%;
}
.transparencia
{
	background-color:#D9D9D9; 
	border-radius: 15px; 
padding: 9px;
    width: 60%;
}
.novedades-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* hace que los elementos bajen si la pantalla es más pequeña */
  padding: 55px 0px;
}

}
  /* ---------------------------------------------------------------------------------------------------- Responsivo---------------------------------------------------------------*/
 @media (max-width: 1370px) {

.ImgMora {
    width: 14%;
    padding-left: 5%;
}
   .overlay p {
      font-size: 2rem;

    }
.ImgMora {
    width: 14%;
    padding-left: 5%;
}
     #menu {
      width: 64%;   
          padding: 10px 5px;          
  }
     
#menu a {
    padding: 10px 10px;
        font-size: 16px;
}
.btnCel
{
	width: 90%; 

}
.btn_directorio
{
	top:26px
}

.btnAp
{
	justify-content:flex-end; 
	width: 96%; 
	display: flex;
}
.btn_apps
{
	top:26px;
}
.btnCorreo
{
	width: 99.5%; 
}
.btn_correo
{
	top:26px;
}
.btntel {
    width: 92.5%;
    }
    .servicio {
            font-size: 15px;
}


     }
  /* ---------------------------------------------------------------------------------------------------- Responsivo---------------------------------------------------------------*/
 @media (max-width: 1200px) {

.ImgMora {
            width: 9%;
            padding-left: 2%;
            top: 26px;
                    }
                        #menu a {
        padding: 10px 5px;
        font-size: 13px;
    }
    #menu {
                width: 57%;
        }
        .btn_directorio
        {
	
    font-size: 1.3rem;
}
    
.btntel
{
	justify-content:flex-end; 
	width: 91%; 
	display: flex;
}
.btnCel
{
	width: 90%; 

}

.btnAp
{
	justify-content:flex-end; 
	width: 95%; 
	display: flex;
}
.btnCorreo
{
	width: 99%; 
}
.btn_directorio{
  top: 28px;	
}
.btn_apps
{
 top: 28px;	
}
.btn_correo      
{
 top: 28px;	
}

.overlay h2 {
    font-size: 4rem;
    }
    .LicRecCom
{
	display: flex; 
	justify-content: center; 
	align-items: flex-end; 
	width: 100%; 
	height: 95%;
}
.bloque_Rec p
{
    font-size: 14px;	
}
.tit_sedes
{
	    font-size: 25px;
}
.inves ul li
{
	font-size:12px;
}
.Not ul li
{
		font-size:12px;
}
.transparencia
{
width: 65%;	
}
.servicio {
        font-size: 12px;
    }
    @media (max-width: 1000px) {
    .servicio {
        font-size: 19px;
    }
  /* ---------------------------------------------------------------------------------------------------- Responsivo 768---------------------------------------------------------------*/
  @media (max-width: 901px) {
    .bloque1 {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    #buscador {
      margin-top: 15px;
      width: 100%;
                      display: none;
    }
    .logos img {
      max-height: 50px;
    }
        #menu {
        width: 25%;
    }
   
    /*-------------------------------carrusel-------------------------*/
    .overlay2 {
    width: 100%;
    height: 80%;
    padding: 0px;
    }
    .overlay h2 {
      font-size: 3rem;
      margin-bottom: 20px;
      color:#404040;
      font-family: "Playfair Display", serif;
    }
    .overlay p {
    font-family: "Inter Tight", sans-serif;
      font-size: 2rem;
      max-width: 80%;
      margin-bottom: 30px;
      color:#404040;

    }
    .overlay a {
      font-family: "Inter Tight", sans-serif;
      background: #B9935D;
      color: white;
      padding: 15px 30px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
       font-size: 2rem;;
    }
/*--------------------------Directorio--------------*/
.btn_directorio {
    padding: 7px 15px;
    border-radius: 8px;
    font-size: 1.3rem;
    display:none
    }  
    .btntel
{
	justify-content:flex-end; 
	width: 90%; 
	display:none;
}
.btn_apps {
    padding: 8px 8px;
    top: 15px;
    }
.btnAp
{
	justify-content:flex-end; 
	width: 90%; 
	display: flex;
}

.btnCel
{
	display: flex;

width: 80%;
}
.btn_Cel {
    position: absolute;
    display: flex;
    	top: 15px;
       }
.btnCorreo
 {
            width: 98.5%;
        }
        .btn_correo {
        top: 14px;
    }
/*---------------------------menu---------------*/
    #menu
    {
        top: 15px;
        left: 34px;;
           background: rgb(255 255 255 / 95%); 
           color:black;   }
     #menu ul {
    flex-direction: column;
    display: none;
    width: 260px;
    background: rgb(255 255 255 / 95%);;
    position: absolute;
   top: 58px;
    left: 130px;
   transform: translateX(-50%);
    border-radius: 10px;
    padding: 10px 0;
    gap: 0;
  }

  #menu ul.show {
    display: flex;
  }

  #menu li ul {
    position: relative;
    max-height: 0;
    overflow: hidden;
        left: 130px;
  }

  #menu li.open > ul {
    max-height: 500px; /* suficiente para desplegar el submenú */
    transition: max-height 0.3s ease;
  }
#menu a:hover {
  text-decoration: none;
   border-bottom: 2px solid #B9935D !important;
    font-weight: bold
  }

#menu li ul li a:hover {
  text-decoration: none;
  border-bottom: 2px solid #B9935D !important;
    font-weight: bold
  }

  #menu li a.has-submenu::after {
    content: " ▾";
    float: right;
  }

  .menu-toggle {
    display: block;
  }
 /*-------------------------------sec2--------------------------*/
.gallery {
    flex: 1 1 calc(50% - 10px); /* 2 columnas */
  }
  .gallery-item {
    height: 200px;
  }
  .gallery-title {
    font-size: 1rem;
  }
/*----------------------------rec-------------------*/
.LicRecCom
{
	display: flex; 
	justify-content: center; 
	align-items: flex-end; 
	width: 100%; 
	height: 85%;
}
.bloque_Rec {
    width: 90%;
    }  
      .row {
    display: flex;
    flex-direction: row;
  }
  .row > .col-md-4 {
    flex: 1; /* o un ancho fijo */
  }
  .tit1
{

font-size: 16px;

}
/*.bloque_Rec p
{
display:none;
}
.reco
{
border-bottom: 3px #B9935D solid;
border-right: none;
}
/*  .servicios-container {
    flex-direction: column;
  }*/
.inves
{
	width:100%;
}
.Not
{
	width:100%;
}
.Sede
{
	width:100%;
}

.transparencia {
    width: 25%;
    }
    .Plaza
{
	width:100%;
}
.bloque6 {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  background-image:url("/images/ser.png");
  align-items: center;     /* centra verticalmente */
  border-radius: 70px;
  width: 98%;
  /*padding: 40px 0;*/
  margin: 1%;
  background-repeat: no-repeat;
                background-size: cover;
                                background-position: bottom;
}
    .servicio {
        font-size: 15px;
    }
  }

  @media (max-width: 480px) {
    .divider {
      display: none; /* Quita los separadores en pantallas muy chicas */
    }
    .logos {
      justify-content: center;
    }
    .logos img {
      max-height: 40px;
    }
    .bloque2{
	  height: 850px;
}
    .carousel {
    height: 850px;

}
     #buscador {
    min-width: 220px;
    max-width: 20%;
    margin-top: 10px;
  }
    .overlay h2 {
      font-size: 3rem;
      margin-bottom: 20px;
      color:#404040;
      font-family: "Playfair Display", serif;
    }
    .overlay p {
    font-family: "Inter Tight", sans-serif;
      font-size: 2rem;
      max-width: 80%;
      margin-bottom: 30px;
      color:#404040;
    }
    .overlay a {
      font-family: "Inter Tight", sans-serif;
      background: #B9935D;
      color: white;
      padding: 15px 30px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
       font-size: 2rem;;
    }
  /*----------------------------------------sec2--------------------------*/
.gallery {
    flex: 1 1 100%; /* 1 columna */
  }
  .gallery-item {
    height: 180px;
  }
  .gallery-title {
    font-size: 0.9rem;
    left: 10px;
    bottom: 15px;
  }
    .conSocial
    {
    display:none;
}
.novedades-container {
    display: flex;
    justify-content: center;

  }
  /*-----------------------------------------------------------menus---------------------------*/
  .btn_apps {
    padding: 8px 8px;
    top: 15px;
    }
.btnAp
{
	justify-content:flex-end; 
	width: 82%; 
	display: flex;
}

.btnCel
{
	display: flex;

width: 67%;
}
.btn_Cel {
    position: absolute;
    display: flex;
    	top: 15px;
       }
.btnCorreo
 {
            width: 98%;
        }
        .btn_correo {
        top: 14px;
    }
.transparencia {
    width: 65%;
    }
.bloque_Rec p
{
display:none;
}
.reco
{
border-bottom: 3px #B9935D solid;
border-right: none;
}
.LicRecCom
{
	height: 97%;
}
.servicio {
            font-size: 18px;
}