@charset "utf-8";
/* CSS Document */
body {
    padding-top: 90px !important;
}
.bloque1{
display: flex;
}
/*
#enc_gob
{
width: 25%;	

}
#enc_cona
{
width: 25%;
	
}

#enc_mora
{
width: 10%;	


#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: 0px;
  }
  .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;
}


    

 /*---------------------------------Imagen mora---------------------------*/
 .ImgMora
 {
	position: absolute; 
	display: flex; 
	z-index: 10; 
	  /*  width: 360px;
    padding-left: 230px;*/
  width: 20%;
    padding-left: 13%;}
/*-------------------------------------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: 130px;
}
.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: 90%; 
	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: 130px;
    }
/*-----------------------------------------------------------Boton Apps-----------------------------------------*/
.btnAp
{
	justify-content:flex-end; 
	width: 93%; 
	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: 130px;
    }
      .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: 96%; 
	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: 130px;
    }
     .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;
    }
    
.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;

    }
   
.btnCel
{
	width: 90%; 

}
.btn_directorio
{
	top:130px
}

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


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


           .ImgMora {
        width: 12%;
        padding-left: 3%;
        top: 60px;
                            }
                               .btn_directorio
        {
	
    font-size: 1.3rem;
}
    
.btntel
{
	justify-content:flex-end; 
	width: 88%; 
	display: flex;
}
.btnCel
{
	width: 88%; 

}

.btnAp
{
	justify-content:flex-end; 
	width: 93%; 
	display: flex;
}
.btnCorreo
{
	width: 98%; 
}
.btn_directorio{
  top: 83px;	
}
.btn_apps
{
 top: 83px;	
}
.btn_correo      
{
 top: 83px;	
}

.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;
    }
        .ImgMora {
        display:none
       width: 23%;
            padding-left: 14%;
                    }
  /* ---------------------------------------------------------------------------------------------------- Responsivo 768---------------------------------------------------------------*/
  @media (max-width: 901px) {

      .ImgMora {
      display:none;
        width: 20%;
        padding-left: 10%;
        }
    .bloque1 {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    #buscador {
      margin-top: 15px;
      width: 100%;
                      display: none;
    }
    .logos img {
      max-height: 50px;
    }
      
      /*-------------------------------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;
    }
 /*-------------------------------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;

}
.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;;
    }
  /*-----------------------------------------------------------menus---------------------------*/
            .ImgMora {
            display:none;
                width: 35%;
                padding-left: 20%;
            }
.btn_Cel {
                position: absolute;
                display: flex;
                top: 62px;
                } 
.btnCel
{
	display: flex;

width: 67%;
}
 .btn_apps {
    padding: 8px 8px;
    top: 62px;
    }
.btnAp
{
	justify-content:flex-end; 
	width: 82%; 
	display: flex;
}

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