/*-- ARCHIVA.CSS --*/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/* Usar attibutos generales: * { font-family: verdana, sans-serif; }  */

BODY {
  BACKGROUND-COLOR: #fff;
}
BODY.BPRINC {
  BACKGROUND: #ECBA8D url(portada.jpg) no-repeat fixed center;
}
p {
  font-family: 'Raleway', sans-serif; 
  font-size:18px;
  color: #1a1a1a;
  text-align:left!important;
  margin: 1em 0em 1em 0em;
  line-height:1.4em;
}
UL {
  font-family: 'Raleway', sans-serif; font-size:18px;
  color: #1a1a1a;
  TEXT-ALIGN:left;
}
LH {
  font-family: 'Raleway', sans-serif; font-size:18px; font-weight:800;
  color: #1a1a1a;
  TEXT-ALIGN:left;
}
LI {
  font-family: 'Raleway', sans-serif; font-size:18px;
  color: #1a1a1a;
  TEXT-ALIGN:left;
  /* Comprobar TLNW (antes: 0) */
  margin: 0;
  list-style-position: auto;
  line-height: 1.7em;
}
sup {
  vertical-align: top;
  position: relative; top: -0.5em;
}
TD {
  font-family: 'Raleway', sans-serif; font-size:14px;
  PADDING:3px;
  BORDER:1px inset;
}
TD.NOB {
  BORDER:0px;
}
TD.NUM {
  BORDER:0px; text-align:right;
}
td.space {
  font-family: 'Raleway', sans-serif; font-size:14px;
  padding-left:0px;
  padding-right:3px;
  margin-left;0px;
  margin-right:3px;
  vertical-align:top;
}
td.cero { 
  border:0px; 
  border-style:none; 
  padding:0px;
}
TH {
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  TEXT-ALIGN:center;
  PADDING:4px;
  BORDER:1px inset; 
}
.mini {
  font-size:12px;
}
img.f {
  margin: 12px 0;
  border-width: 0px;
}
input, textarea { 
  font-family: 'Raleway', sans-serif; font-size:14px;
}
.NUM { 
  font-family: 'Raleway', sans-serif; font-size:12px; 
  text-align:right;
}  /* ¿margin-right para alinear INPUT y textos? Diferencias IE/FF... */
a:link {
  text-decoration:none;
  color:#006fba;
}
a:visited {
  text-decoration:none;
}
a:active  { text-decoration:none;
}
a:hover   {
  text-decoration:none;
  cursor:pointer;
}
table.cero {
  border:0px; 
  border-style:none; 
}
TABLE.IMGS {
  WIDTH:50%; 
  BORDER:0px; 
  TEXT-ALIGN:center; 
}
TABLE.TARZS { 
  WIDTH:100%; 
  BORDER:0px border-collapse:collapse; 
  border:none; 
  padding:0; 
  spacing:0; 
}
TABLE.TEVENTO { 
  WIDTH:100%; 
  BORDER:5px ridge; 
  MARGIN-BOTTOM:30px; 
}
TABLE.TAÑO {  
  WIDTH:100%; 
  BORDER:4px ridge; 
  MARGIN-BOTTOM:25px; 
}
TABLE.TINTRO {
  WIDTH:500; 
  BORDER:3px outset; 
  MARGIN-BOTTOM:20px; 
}
TABLE.TORG {
  WIDTH:100%; 
  BORDER:3px outset; 
}
TABLE.TDATOS {
  WIDTH:100%; 
  BORDER:2px ridge; 
  TEXT-ALIGN:center; 
}
HR.HCARTA { 
  WIDTH:80%; 
  HEIGHT:3px; 
}

.AGENDA {
  font-family: 'Raleway', sans-serif; font-size:14px;  
  COLOR:#fff;  
  TEXT-ALIGN:right; 
  BACKGROUND-COLOR:#1a1a1a; 
  PADDING:1px; 
  BORDER:0px;
}
.AÑO {
  font-family: 'Raleway', sans-serif; font-size:18px; font-weight: 800;
  COLOR:#008E4C; 
  TEXT-ALIGN:center; 
  BACKGROUND-COLOR:#fff;
}
.APARTADO {
  font-family: 'Raleway', sans-serif; font-size:28px; font-weight: 800;
  COLOR:#008E4C;  
  TEXT-ALIGN:center; 
  MARGIN-TOP:20px;
}

.ARZOBISPADO {
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight: 800;
  COLOR:#1a1a1a;  
  BACKGROUND-COLOR:##008E4C; 
  PADDING:1px; 
  BORDER:0px; 
}
.ARZOBISPOS { 
  font-family: 'Raleway', sans-serif; font-size:14px;  
  COLOR:#1a1a1a;  
  PADDING:5px; 
  PADDING-BOTTOM:0px; 
  BORDER:0px; 
}
.buscador { 
  float:left; 
  width:80px; 
  color:#1a1a1a; 
}
.CARTAS { 
  font-family: 'Raleway', sans-serif; font-size:12px; font-weight:800; 
  COLOR:#1a1a1a;  
  LINE-HEIGHT:1.2; 
  PADDING-LEFT:8px; 
}
.DIA { 
  font-family: 'Raleway', sans-serif; font-size:14px;  
  COLOR:#008E4C; 
}
.DOMICILIO {  
  font-family: 'Raleway', sans-serif; font-size:12px;  
  COLOR:#1a1a1a; 
}
.EMAIL {  
  font-family: 'Raleway', sans-serif; font-size:12px; font-weight:800;  
  COLOR:##008E4C; 
}
.ENLACES {
  font-family: 'Raleway', sans-serif; font-size:12px; 
  COLOR:#1a1a1a; 
}
.ENTRADA {
  font-family: 'Raleway', sans-serif; font-size:12px; font-weight:800; 
  COLOR:#1a1a1a;
  BACKGROUND-COLOR:#fff; 
}
.ENTIDAD {
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  COLOR:#1a1a1a; 
}
.EVENTO { 
  font-family: 'Raleway', sans-serif; font-size:12px; font-weight:800; 
  COLOR:##008E4C; 
  BACKGROUND-COLOR:#fff; 
  PADDING:4px; 
}
.FECHA {
  font-family: 'Raleway', sans-serif; font-size:18px; font-style:italic; 
  COLOR:#1a1a1a;  
  TEXT-ALIGN:center; 
  PADDING:1px; 
  BORDER:0px; 
}
.FECHAS { 
  font-family: 'Raleway', sans-serif; font-size:14px;  
  COLOR:#1a1a1a;  
  PADDING:4px; 
}
.FIESTA { 
  font-family: 'Raleway', sans-serif; font-size:14px;
  COLOR:##008E4C; 
}
.FIRMA {  
  font-family: 'Raleway', sans-serif; font-size:14px;  
  TEXT-ALIGN:right; 
}
.HORA {
  font-family: 'Raleway', sans-serif; font-size:12px; font-weight:800;  
  COLOR:#1a1a1a;  
  width:14%; 
  TEXT-ALIGN:center; 
}
.LETRA {
  font-family: 'Raleway', sans-serif; font-size:18px; font-weight:800; 
  COLOR:#1a1a1a;
  TEXT-ALIGN:center; 
  MARGIN-BOTTOM:30px; 
}
.LUGAR {
  font-family: 'Raleway', sans-serif; font-size:14px; font-style:italic; 
  COLOR:#1a1a1a;
  BACKGROUND-COLOR:#fff; 
}
.MASINFO {
  font-family: 'Raleway', sans-serif; font-size:14px;
  COLOR:##008E4C; 
}
.MEDIOS { 
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  COLOR:#1a1a1a;
  BACKGROUND-COLOR:#fff; 
  PADDING:1px; 
  BORDER:0px; 
}
.MES { 
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  COLOR:green;
  WIDTH:20%; 
  TEXT-ALIGN:center; 
  TEXT-TRANSFORM:capitalize; 
}
.NEUTRO { 
  font-family: 'Raleway', sans-serif; font-size:14px;
  COLOR:blue; 
  PADDING:3px; 
}
.ORGANISMO { 
  FONT: bold 11px Droid Serif,Serif;
  COLOR:green; 
}
.PERSONAS { 
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  COLOR:#1a1a1a;
}
.RESPONSABLE {  
  font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800;
  COLOR:##008E4C;
  PADDING-LEFT:20px; 
}
.SUBTIT1 {
  font-family: 'Raleway', sans-serif;
  font-size:21px; 
  COLOR:#1a1a1a;
  MARGIN-TOP:-6px; 
  MARGIN-BOTTOM: 8px; 
}
.SUBTIT2 {
  font-family: 'Raleway', sans-serif; font-size:16px; font-weight:800;
  COLOR:#1a1a1a;
  TEXT-ALIGN:center; 
}
.NOTA {
  font-family: 'Raleway', sans-serif; font-size:14px; font-style:italic; 
  COLOR:#1a1a1a; 
}
.TELEFONO { 
  font-family: 'Raleway', sans-serif; font-size:14px;
  COLOR:#1a1a1a; 
}
.TITULO { 
  font-family: 'Raleway', sans-serif; font-size:32px; font-weight:800;
  COLOR:#008E4C;
  TEXT-ALIGN:center;
}

/*-- FIN ARCHIVA.CSS --*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
/* Usar attibutos generales: * { font-family: verdana, sans-serif; }  */
body {
  font-family: 'Raleway', sans-serif;
  background-color: #fff;
  margin: 0;
}
a {
  color:#1a1a1a;
  text-decoration: none;
}
.seccion {
  padding: 4% 0;
  text-align: center;
  align-items: center;
}
.seccion p.subtitulo {
  text-align: center !important;
  font-size: 18px;
}
.seccion.verde {
  background-color: #008E4C;
}
.seccion.verde p {
  color: #fff;
}
.seccion.gris {
  background-color: #EBEBEB;
}
.seccion.final {
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .fila {
    padding: 6% 0;
  }
}
.fila {
  padding: 2% 0;
  max-width: 90%;
  margin: auto;
}
.fila-ochenta {
  padding: 2% 0;
  max-width: 80%;
  margin: auto;
}
h2.titulo-seccion {
  color: #EBBF02;
  text-transform: uppercase;
}
a.boton {
  transition: background-color 0.7s;
}
a.boton img {
  display:none;
}
a.boton.claro {
  border: solid 1px #EBBF02;
  padding: 18px 24px;
  text-decoration: none;
  color: #008E4C;
}
a.boton.claro:hover {
  background-color: #EBBF02;
}
a.boton.oscuro {
  border: solid 1px #fff;
  padding: 18px 24px;
  text-decoration: none;
  color: #EBBF02;
}
a.boton.oscuro:hover {
  background-color: #fff;
}
/*Header Menu*/
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0);
  padding: 6px 0 10px 0!important;
}



/*HOME*/

/*Home Slider*/
:root {
  --swiper-theme-color: #fff!important;
}
.destacados {
  overflow: hidden;
}

.destacado {
  height: 100vh;
  padding-left:20vw;
  background-color: rgba(0,0,0,.4);
  background-blend-mode: multiply;
}
.destacado-titulo {
  padding-top: 30vh;
  color: #fff;
  font-weight: 900;
  font-size: 42px;
  max-width: 860px;
  text-shadow: 0px 0px 6px rgba(26,26,26,0.5);
  line-height: 1.2;
}
.info-btn {
  display:none;
  padding: 24px;
  border: solid 2px #fff;
  font-weight: 500;
  color: #fff;
  width: fit-content;
  font-size: 21px;
  text-shadow: 0px 0px 6px rgba(26,26,26,0.5);
}
.info-btn::after {
  font-size: 12px;
  content: "\f061"; /* Unicode del ícono arrow-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Requerido para íconos sólidos */
  padding-left: 6px;
  display: inline-block;
  transition: margin-left 0.3s ease;
}
.swiper {
  width: 100%;
  max-width: 100%!important;
  margin: 0px auto;
  border-radius: 0;
  overflow: hidden;
  height: 100vh;
}
.swiper-slide a {
  top: -42px;
  position: relative;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-family: "Font Awesome 6 Free"!important;
  font-size: 24px!important;
  color:#fff!important;
  font-weight: 900; /* Requerido para íconos sólidos */
  display:none;
}
.swiper-button-next::after {
  content: "\f054"!important;
}
.swiper-button-prev::after {
  content: "\f053"!important;
}
.swiper-pagination {
  display: none;
}
/*Módulos*/
.ultimas-noticias {
  margin-top: -120px;
}
.fila.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;  max-width: 80%;
  margin: 0 auto;
}

.mod-noticias, .mod-interesa, .mod-agenda {
  display: flex;
  min-height: 120px;
  text-decoration: none;
}

.mod-noticias, .mod-interesa {
  padding: 12px;
  width: 44%;
}

.mod-agenda {
  padding: 12px 48px;
  width: 40%;
}

.mod-noticias {
  border: solid 1px #1a1a1a;
  background-color: #fff;
}

.mod-interesa {
  background-color: #fff;
}

.mod-agenda {
  background-color: #008e4c;
}

.mod-noticias a, .mod-interesa a, .mod-agenda a {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.col-imagen {
  width: 100px;
  height: inherit;
  flex-shrink: 0;
  margin: 10px;
  margin-right: 24px;
}

.col-info {
  padding: 10px 10px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}

.noticia-titulo {
  line-height: 1.4;
  margin: 0 0 10px 0;
  color: #1a1a1a;
  text-decoration: none;
  font-size:18px;
  font-weight:600;
}

.interesa-titulo {
  line-height: 1.4;
  margin: 0 0 10px 0;
  color: #1a1a1a!important;
  text-decoration: none;
  font-size:18px;
  font-weight:600;
}

.evento-titulo {
  line-height: 1.4;
  margin: 0;
  color: #f4c100;
  text-decoration: none;
  font-size:18px;
  font-weight:600;
}
.evento-hora, .evento-lugar {
  line-height: 1.4;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-size:18px;
  font-weight:300;
}

.mas-btn {
  display:none!important;
  font-size: 16px;
  color: #f4c100 !important;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.mas-btn::after {
  font-size: 12px;
  content: "\f061"; /* Unicode del ícono arrow-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Requerido para íconos sólidos */
  padding-left: 6px;
  display: inline-block;
  transition: margin-left 0.3s ease;
}

.mas-btn:hover::after {
  padding-left: 12px;
}

.col-imagen {
  min-height: 96px;
  height: inherit;
  width: 96px;
  margin-right: 24px;
}
.mod-agenda .col-imagen {
  display:none;
}
.col-info {
  text-align: left;
}
/* Media query para tablet (menos de 1024px)
@media (max-width: 1024px) {
  .mod-noticias {
    width: 100%; Pasamos de 2 columnas a 1 
  }
}*/

/* Media query para tablets y móviles */
@media (max-width: 980px) {
  .seccion {
    padding: 12% 0;
  }
  .ultimas-noticias {
    margin-top: 0px;
  }
  .mod-agenda {
  width: 100%;
  }
}

/* Media query para móviles (menos de 600px) */
@media (max-width: 600px) {
  .destacado {
    height: 100vh;
    padding-left: 12vw;
    padding-right: 12vw;
  }
  .destacado-titulo {
    font-size: 36px;
  }
  .fila.grid {
    display: block;
    max-width: 90%;
  }
  .mod-noticias, .mod-interesa {
    display: block;
    margin-bottom: 12px;
    width: 92%!important;
  }
  .mod-agenda {
    width: 72%;
    margin-bottom: 12px;
  }
  .mod-noticias {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mod-noticias a, .mod-interesa a, .mod-agenda a {
    display: block;
  }
  .col-imagen {
    width: 100%;
    height: 180px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #ccc;
  }

  .col-info {
    padding: 15px;
  }

  .noticia-titulo {
    font-size: 15px;
  }

  .mas-btn {
    margin-top: 10px;
  }
}
/*Revista IEV*/
img.portada-iev {
  max-height:390px; 
  margin:12px 6px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  transition: box-shadow 0.7s;
}
a:hover img.portada-iev { 
box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.29);
-webkit-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.29);
}
/*FOOTER*/
.footer {
  text-align: center;
  margin-top: -60px;
}
img.escudo {	/* Antes .footer img */
  max-width: 96px;
  border: solid 1px #008E4C;
  border-radius: 50%;
  padding: 12px;
  background-color: #fff;
}
.footer p {
  background-color: #008E4C;
  padding: 120px 0 60px 0;
  margin-top: -60px;
  color: #EBBF02;
  text-align: center !important;
  margin-bottom:0;
}
.footer a {
  color: #EBBF02;
}a

/*Historia*/

.historia p {
  background-color: #efefef;
  padding: 2%;
}

/*Cargos*/
.cargos table {margin:auto;}

/*Publicaciones-Ejemplares*/
.publicaciones table {margin:auto;}
.publicaciones td.year, .publicaciones th {background-color:#fff;}
.publicaciones td {min-width:20%; padding:14px;}