﻿/*
border: 1px solid rgb(170, 71, 71); --> AA4747 ROJO GRANATE BORDE divNews


VERDE: #93CA47
AZUL: #074F79
AZUL LETRA: #126499
GRIS FONDO  ##ededed;
GRIS LETRA: #434343;
GRIS BORDE: #D5D5D5
GRIS PIE PAG:  #EDEDED
GRRS MUY CLARO: #F7F7F7

*/
/*====================*/
/*=== Reset Styles ===*/
/*====================*/

:root {
  --color-principal: #333;
  --color-azul-masInfo: #074f79;
  --color-gris-footer: #ededed;
  --color-whitesmoke: whitesmoke;

  --color-brick: #aa4747;
  --color-card_new: #e7c4c4;
  --color-card_new_hover: #e4aaaa;

  --color-granate: #900;
  --font-principal: 14px sans-serif, Tahoma, Arial, Helvetica;
  --font-principal-mobile: 16px sans-serif, Tahoma, Arial, Helvetica;
  --margin-foot: 20px;
}

html,
body {
  line-height: 1;
  height: 100%; /* Garantiza que la altura mínima sea la de la pantalla */
  display: flex;
  flex-direction: column; /* Permite organizar elementos en columna */

  background: rgb(243, 243, 243);
  /* color: #000; */
  color: var(--color-principal);
  font: var(--font-principal);
  margin: 0;
  /* min-height: 100vh; */
  padding: 0;
}

/*
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */

main > .container {
  padding: 0px 15px 0;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
strong {
  font-weight: bold;
}
em {
  text-decoration: underline;
}
h1 {
  font: 18px sans-serif;
  color: #126499;
  display: block;
  font-weight: bold;
  padding: 2px 0 5px 0;
}
.titNews h2 {
  color: #314e64;
  font-size: 30px;
}
h2 {
  font: 18px sans-serif;
  color: #074f79;
  display: block;
  font-weight: bold;
  padding: 0px 0 5px 0;
}
h3 {
  font: 16px sans-serif;
  color: #074f79;
  display: block;
  font-weight: bold;
  padding: 2px 0 5px 0;
}
h4 {
  font: 13px Arial;
  color: #074f79;
  display: block;
  font-weight: bold;
  padding: 2px 0 5px 0;
}
.titParrafos {
  border-top: 1px solid #990000;
  padding-top: 15px;
}
.msg_head_normal {
  display: block;
  padding: 2px 0 5px 0;
  cursor: pointer;
}
.msg_head {
  font: 13px sans-serif;
  color: #074f79;
  display: block;
  font-weight: bold;
  padding: 2px 0 5px 0;
  cursor: pointer;
}

p {
  margin-top: 10px;
  text-align: justify;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/* HTML5 tags */
header,
section,
footer,
aside,
nav,
article,
figure {
  display: block;
}
/*===================*/
/*=== Main Styles ===*/
/*===================*/

/* LISTADO */

/* Contenedor principal de la lista */
ul.ganadores-list {
  list-style: none;
  padding: 0;
  max-width: 500px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Estilo para cada ítem (cada premio) */
ul.ganadores-list li {
  background-color: #f9f9f9;
  margin-bottom: 15px;
  padding: 15px 20px;
  border-left: 5px solid #a31d1d; /* Rojo oscuro similar al de tu imagen */
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}

/* Efecto al pasar el ratón */
ul.ganadores-list li:hover {
  transform: translateX(10px);
  background-color: #fff;
}

/* Estilo para el título del premio (PRIMER PREMIO, etc.) */
ul.ganadores-list li strong {
  display: block;
  color: #333;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

/* Estilo para el nombre del Autor */
ul.ganadores-list li span.autor {
  color: #666;
  font-style: italic;
  font-size: 1.1rem;
}

/* Solo afecta a los elementos con clase 'premio' que estén DENTRO de 'image-caption' */
.image-caption .premio {
  color: #8b0000; /* Rojo oscuro profesional */
  font-size: 1.2rem;
  margin: 10px 0;
  letter-spacing: 1px;
}

/* Solo afecta a los elementos con clase 'detalle' que estén DENTRO de 'image-caption' */
.image-caption .detalle {
  font-family: sans-serif;
  font-size: 0.9rem;
  color: #333;
  margin: 5px 0 0 25px;
  text-transform: uppercase;
}

.carousel-metaweb {
  background-color: var(--color-whitesmoke);
}

.carousel-caption-metaweb {
  position: absolute;
  background-color: var(--color-whitesmoke);
  margin: 0 auto;
  top: 10%;
  left: 40%;
  padding: 20px;
  width: 55%;
  border: 1px solid black;
}

a,
a:visited {
  /*	color:#2d3536;*/
  color: var(--color-brick);
  text-decoration: none; /*	border-bottom:1px dotted #826a4d;*/
}

a:hover,
a:active {
  /*	color:#9e805c;*/
  color: var(--color-granate);
  text-decoration: none;
}

/* ENLACES DEL MENU */
#capaHeader3 a,
a:visited,
a:hover,
a:active {
  /*	color:#9e805c;*/
  color: var(--color-principal);
  text-decoration: none;
}

article a {
  text-decoration: none;
  font-weight: bold;
  color: var(--color-granate);
}

article a:active,
article a:visited {
  color: var(--color-granate);
}

article a:hover {
  color: var(--color-brick);
}

#capamenu {
  margin-left: 1%;
  background-color: #3f3;
}
/*#capamenu2{ margin-left:1%; background-color:#064F7C; width:65%; alignment-adjust:central; margin:0 auto}*/
/*#capaHeader {background-color:#064F7C; width:100%; min-height:124px; border-bottom:3px solid #93CA47}*/
#capamenu2 {
  margin-left: 1%;
  width: 100%;
  text-size-adjust: central;
  text-align: center;
  margin: 0 auto;
}
#capaHeader1 {
  width: 100%;
  min-height: 124px;
  border-bottom: 3px solid #990000;
  background-image: url(../img/background/cabecera4.jpg);
}
#capaHeader2 {
  width: 100%;
  min-height: 124px;
  border-bottom: 3px solid #990000;
  background-image: url(../img/background/cabecera5.jpg);
}
@media print {
  #capamenu {
    display: none;
  }
}

.TablaRound {
  border: 1px solid #990000;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
#dame3opciones {
  width: 95%;
  margin: 20px auto;
  display: none;
}
hr {
  /*height:1px;border:1px solid #000;background-color:#000*/
  border: 1px solid #990000;
}
.newsMain div {
  margin: 15px 0 5px 10px;
}
.pNews {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  text-align: justify;
  padding: 1px 1px 1px 1px;
  border: 1px solid; /*#B9E3FF; */
}
.pNews1_org {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNews1 {
  width: 100%;
  background-color: white;
  line-height: 20px;
  margin: 0px auto;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  cursor: pointer;
  /* -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc; */
}
.pNewsAviso {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ffccb3;

  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.pNews3 {
  width: 95%;
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  text-align: justify;
  padding: 2px 2px 2px 2px;
  border: 1px solid; /*#B9E3FF; */
}

.pNewsBorder {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  text-align: justify;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsOVER_org {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ededed;
  /*background-color:#F7F7F7;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsOVER {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ededed;
  /*background-color:#F7F7F7;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.pNewsOVER_centrado_80 {
  width: 80%;
  margin: 0 auto;
  line-height: 20px;
  /* margin: 1px 1px 5px 10px; */
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ededed;
  /*background-color:#F7F7F7;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.pNewsOVER_sinCur {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ededed;
  /*background-color:#F7F7F7;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNews1OVER_org {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  /*	background-color:#D0F552;*/
  background-color: #e1f991;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNews1OVER {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  /*	background-color:#D0F552;*/
  background-color: #e1f991;
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsWarning {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  /*	background-color:#D0F552;*/
  background-color: #ff6;
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsOVER3 {
  width: 95%;
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #990000;
  text-align: justify;
  background-color: #ededed;
  /*background-color:#F7F7F7;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsPAR {
  line-height: 20px;
  margin: 1px 1px 5px 10px;
  padding: 2px 2px 2px 2px;
  border: 0px solid #93ca47;
  text-align: justify;
  background-color: #f2f2f2;
  /*background-color:#F7F7F7;*/
  border: 1px solid #ddd; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer; /*
	-moz-box-shadow: 10px 5px 5px #CCC;
	-webkit-box-shadow: 10px 5px 5px #CCC;
    box-shadow: 5px 3px 3px #CCC;
	*/
}
.pNewsPARIndex3 {
  line-height: 20px;
  height: 220px;
  padding: 5px 5px 5px 5px;
  text-align: justify;
  background-color: #f2f2f2;
  border: 1px solid #b9e3ff;
  -moz-border-radius: 1em;
  border-radius: 1em;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.pNewsPARIndex3 div {
  margin: 1px 20px 5px 10px;
}
.pNewsSeparador_org {
  width: 10%;
  text-align: center;
  line-height: 0px;
  color: #93ca47;
  font-weight: bold;
  font-size: 14px;
}
.pNewsSeparador {
  width: 15%;
  text-align: center;
  line-height: 1.5em;
  color: #990000;
  font-weight: bold;
  font-size: 14px;
}
.miVerde {
  color: #93ca47;
}
.miVerdeBold {
  color: #93ca47;
  font-weight: bold;
  font-size: 14px;
}
.miAzulBold {
  /* color: #074f79; */
  color: var(--color-azul-masInfo);
  font-weight: bold;
}

.miAzulBold a,
.miAzulBold a:visited {
  /* color: #074f79; */
  color: var(--color-azul-masInfo);
  font-weight: bold;
}

.miAzulBold a:hover {
  /* color: #074f79; */
  color: var(--color-brick);
  font-weight: bold;
}

p.miAzulBold {
  padding-top: 20px;
}

#tablaElementosLinea td {
  padding: 10px 20px 5px 0px;
}
.tablaDeportes {
  width: 95%;
  padding: 10px;
  line-height: 18px;
  background-color: #f7f7f7;
  border: 1px solid #93ca47;
}
.tablaDeportes td {
  padding: 3px;
  text-align: justify;
}
.liCenter {
  text-align: center;
  padding: 5px 30px;
}
.bloqueHorizontal {
  width: 100%;
  margin: 0 auto;
}
#divHorizontal {
  margin-left: 25px;
  margin-top: 20px;
}
.cajaHorizontal {
  width: 180px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.cajaHorizontal240 {
  width: 210px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;

  margin-left: 25px;
  margin-top: 20px;
}

.cajaHorizontalv2peq {
  width: 160px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.cajaHorizontalpeqv3 {
  width: 160px;
  text-align: center;
  display: inline-table;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontal200 {
  width: 200px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.enmarcado {
  background-color: white;
  border: 1px solid var(--color-granate);
  -moz-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.cajaHorizontalEXTRA {
  width: 160px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ccc;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalv2 {
  width: 290px;
  height: 310px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalv3 {
  width: 290px;
  height: 310px;
  text-align: center;
  /*	margin-left: 25px;*/
  display: inline-table;
  /*	float: left;*/
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}

.cajaHorizontalOVERpeqv3 {
  width: 160px;
  text-align: center;
  display: inline-table;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalOVERv3 {
  width: 290px;
  height: 310px;
  text-align: center;
  /*	margin-left: 15px;*/
  /*	float: left;*/
  display: inline-table;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalOVERv2 {
  width: 290px;
  height: 310px;
  text-align: center;
  /*	margin-left: 15px;*/
  float: left;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVertical {
  width: 700px;
  text-align: left;
  margin-top: 0;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 5px 15px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVertical700 {
  width: 700px;
}
.cajaHorizontalResize {
  width: 220px;
  text-align: center;
  /*	margin-left: 25px;*/
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalResizeOVER {
  width: 220px;
  text-align: center;
  /*	margin-left: 15px;*/
  float: left;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVerticalResize {
  width: 560px;
  text-align: left;
  margin-top: 0;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 5px 15px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVerticalOVER {
  width: 700px;
  text-align: left;
  margin-top: 0;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 5px 15px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVertical2 {
  width: 500px;
  text-align: left;
  margin-top: 0;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 5px 15px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaVertical2OVER {
  width: 500px;
  text-align: left;
  margin-top: 0;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 5px 15px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalCine {
  width: 230px;
  text-align: center;
  height: 480px;
  float: left;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontal:hover {
  background-color: #ededed;
}
.cajaHorizontalOVERpeqv3 {
  width: 160px;
  text-align: center;
  display: inline-table;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontal200OVER {
  width: 200px;
  text-align: center;
  /*	margin-left: 15px;*/
  float: left;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.cajaHorizontalOVERCine {
  width: 230px;
  height: 480px;
  text-align: center;
  /*	margin-left: 15px;*/
  float: left;
  border: 1px solid #434343; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px 5px 10px 5px;
  background-color: #ededed;
  /*cursor:pointer;*/
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
#linkMenu a {
  color: #fff;
}

.TablaDiario {
  /*	border:1px solid #06F;*/
  border: 1px solid #990000; /*#B9E3FF; */
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 20px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 10px 5px 5px #ccc;
  line-height: 1.5em;
}

#TablaDiario {
  /*	border:1px solid #06F;*/
  border: 1px solid #990000; /*#B9E3FF; */
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 20px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 10px 5px 5px #ccc;
}
#TablaDiarioComment {
  /*	border:1px solid #06F;*/
  color: #000000;
  border: 1px solid #990000; /*#B9E3FF; */
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 20px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 10px 5px 5px #ccc;
}
#TablaDiario p {
  line-height: 20px;
  text-align: justify;
}
#firmaDiario {
  margin-right: 20px;
  font-weight: bold;
  font-style: italic;
}
/* Etiqueta SAD */
/*v{color:#93CA47; font-weight:bold;}	*/
v {
  color: var(--color-granate);
  font-weight: bold;
}
/* Etiqueta SAD */
.v {
  /* color: #93ca47; */
  color: var(--color-granate);
  font-weight: bold;
}
.v2:hover {
  color: var(--color-brick);
}

.v2 {
  color: #126499;
  font-weight: bold;
}
/* Etiqueta SAD */

/* Etiqueta SAD */

azul {
  color: #126499;
  font-weight: bold;
}
granate {
  color: #900;
  font-weight: bold;
}
.granate {
  color: #900;
  font-weight: bold;
}

.mayusculas {
  text-transform: uppercase;
}

.granateOVER {
  color: #090;
  font-weight: bold;
  cursor: pointer;
}
/*
Estilos para las fotos en vertical de los diarios de Viajes Realizados
*/

.golf tr {
  background-color: transparent;
  margin-top: 10px;
}
.golfOver tr {
  background-color: #93ca47;
}
.golf td {
  color: #126499;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
}
a:hover .golf {
  color: #fff;
  font-weight: bold;
}
.golfOver td {
  padding: 2px 5px 2px 5px;
  color: #fff;
  font-weight: bold;
  background-color: #93ca47;
}
.tabClasificacion {
  width: 100%;
  border: 1px solid #074f79;
  padding: 2px 5px 2px 5px;
}
.tabClasificacion td {
  padding: 2px 5px 3px 5px;
  vertical-align: middle;
}
.Pdf {
  margin-top: 5px;
  height: 200px;
  border: 1px solid #990000;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 10px 5px 5px #ccc;
}
.TablaPago_org {
  /*	border:1px solid #06F;*/
  border: 1px solid #990000; /*#B9E3FF; */
  cursor: pointer;
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.TablaPagoOVER_org {
  /*	border:1px solid #06F;*/
  cursor: pointer;
  border: 1px solid #074f79; /*#B9E3FF; */
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #93ca47;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.TablaPago {
  border: 1px solid #990000; /*#B9E3FF; */
  cursor: pointer;
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.TablaPagoOVER {
  /*	border:1px solid #06F;*/
  cursor: pointer;
  border: 1px solid #990000; /*#B9E3FF; */
  width: 90%;
  margin: auto;
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #93ca47;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
}
.botonSede {
  color: #126499;
  text-align: center;
  font-weight: bold;
  /*	background-color:#93CA47;*/
  background-color: #ededed;
  padding: 5px;
  border: 1px solid #000;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.botonSedeOVER {
  color: #fff;
  text-align: center;
  font-weight: bold;
  background-color: #93ca47;
  padding: 5px;
  border: 1px solid #000;
  cursor: pointer;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.bordeVerde {
  border: 1px solid #990000;
}
.bordeVerde2 {
  border: 2px solid #93ca47;
}
.bordeGranate {
  border: 1px solid #990000;
}
.bordeGranate2 {
  border: 2px solid #990000;
}
.notaImportante {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #990000; /*#B9E3FF; */
  -moz-border-radius: 1em;
  border-radius: 1em;
  padding: 5px;
  background-color: #f7f7f7;
  -moz-box-shadow: 10px 5px 5px #ccc;
  -webkit-box-shadow: 10px 5px 5px #ccc;
  box-shadow: 5px 3px 3px #ccc;
  background-image: url(../img/icons/Metro-Phone-Blue-64.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.verExcel {
  background-image: url(../img/icons/excel_icon.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0px 3px 20px;
  margin: 0.9em 0;
  color: #900;
  cursor: pointer;
  font-weight: bold;
}

.verPDF {
  background-image: url(../img/icons/pdf.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0px 3px 20px;
  margin: 0.9em 0;
  color: #900;
  cursor: pointer;
  font-weight: bold;
}
.verYouTube {
  background-image: url(../img/icons/YouTubeIcon.png);
  background-repeat: no-repeat;
  background-position: 0 60%;
  padding: 10px 0px 3px 80px;
  margin: 0.9em 0;
  color: #900;
  cursor: pointer;
  font-weight: bold;
}
.verFOTO {
  background-image: url(../img/logos/photo_cam24.png);
  background-repeat: no-repeat;
  padding: 3px 0px 3px 30px;
  margin: 0.9em 0;
  color: #900;
  cursor: pointer;
  font-weight: bold;
  margin-right: 20px;
}
.imgPdf {
  border: 1px solid #900;
}
.cabeceraIB {
  background-image: url(../img/background/grass.jpg);
  background-repeat: no-repeat;
  left: 0%;
  top: 0%;
  width: 100%;
  min-height: 124px;
  border-bottom: 3px solid #999;
}

/* ---------  breadcrumb --------- */
ul.breadcrumb {
  padding: 10px 16px;
  /*list-style: none;
	background-color: #eee;*/
  background-color: white;

  color: #074f79;
  font-weight: bold;
}
ul.breadcrumb li {
  display: inline;
  font-size: 13px;
}
ul.breadcrumb li + li:before {
  padding: 8px;
  /*color: black;*/
  /*color: #01447e;*/
  color: #900;
  /*content: "/\00a0";*/
  content: "»";
}
ul.breadcrumb li a {
  /*color: #0275d8;*/
  color: #900;
  text-decoration: none;
  font-weight: bold;
}
ul.breadcrumb li a:hover {
  /*color: #01447e;*/
  color: #900;
  text-decoration: underline;
  font-weight: bold;
}
/* ---------  breadcrumb --------- */

#telefonoContacto {
  position: absolute;
  margin-top: 15pt;
  top: 0;
  right: 0;
  z-index: 9999; /* Esto asegura que el div se muestre en primer plano */
  width: 100%;
  color: #f2f2f2;
  line-height: 12pt;
  font-size: 10pt;
  max-width: 210px; /* Ajusta este valor según el tamaño que desees para el div en pantallas grandes */
}

.gallery {
  display: grid;
  gap: 1rem;
  grid-auto-rows: 22rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));

  /* margin-bottom: 10px; */
  margin: 0px 10px 10px 10px;
}

.gallery_alta {
  grid-auto-rows: 23rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.gallery__gap_2 {
  gap: 2rem;
}

.gallery_jueves {
  display: grid;
  gap: 1rem;
  grid-auto-rows: 26rem;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));

  /* margin-bottom: 10px; */
  margin: 0px 10px 10px 10px;
}

.gallery_one_element {
  display: grid;
  gap: 1rem;
  grid-auto-rows: 26rem;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  width: 50%;
  margin: 0px auto;
  background-color: pink;
}

.gallery__lite-xs {
  grid-auto-rows: 14rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin: 0px 5px 5px 5px;
}

.gallery__lite {
  grid-auto-rows: 17rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  margin: 0px 5px 5px 5px;
}

.card {
  overflow: hidden;
  padding: 1rem;
  background: #fff;
  border-radius: 0.3rem;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
  color: #333;
  cursor: pointer;
}

.card_new {
  background: var(--color-card_new);
}

.card:hover {
  background-color: rgb(220, 224, 230);
}
.card_new:hover {
  background: var(--color-card_new_hover);
}

.card-sin-hover {
  overflow: hidden;
  padding: 1rem;
  background: white;
  border-radius: 0.3rem;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
  color: #333;
  border: 1px solid lightgray;
}

.card__img {
  text-align: center;
}

.card__img__icono {
  text-align: center;
}
.card__img img {
  border-radius: 0.3rem;
  border-color: gray;
  border: 1px solid gray;

  /*Alto del CONTENEDOR*/
  overflow: hidden;
  position: relative;

  /* width: 100%; */
  height: 100%; /* Ajusta la altura al 100% del contenedor */
  object-fit: cover;
}

.gallery .card__img img {
  max-width: 320px;
  border: 1px solid;
}

.gallery .card__img__icono img {
  max-height: 64px;
  border: 0px;
}

.card__img__icono__min {
  text-align: center;
}

.card__img__icono__min img {
  max-height: 32px;
}

.card h4 {
  text-align: center;
  margin: auto;
  color: red;
}
.card_title {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card_title h3 {
  text-align: center;
  margin: auto;
  margin: 3px auto;
}

.card_title h2 {
  text-align: center;
  margin: 3px auto;
}
.card_title p {
  text-align: center;
  margin: auto;
  overflow: hidden;
}

.divNews {
  padding: 10px;
  width: 100%;
  background-color: #fff;

  border: 1px solid lightgray;
  /*border: 1px solid #aa4747;*/
  text-align: justify;
  cursor: pointer;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.divNews-white {
  padding: 10px;
  width: 100%;
  background-color: #fff;
  border: 1px solid lightgray;
  /*border: 1px solid #aa4747;*/
  text-align: justify;
  /* cursor: pointer; */
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.divNews-transparent {
  padding: 10px;
  width: 100%;
  /* background-color: #fff; */
  /* border: 1px solid lightgray; */
  /*border: 1px solid #aa4747;*/
  text-align: justify;
  /* cursor: pointer; */
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.divNews-promos {
  padding: 10px;
  width: 100%;
  background-color: var(--color-gris-footer);
  border: 1px solid var(--color-brick);
  /*border: 1px solid #aa4747;*/
  text-align: justify;
  /* cursor: pointer; */
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.divNews:hover {
  background-color: rgb(220, 224, 230);
}

.newsTitle {
  padding: 0px 5px 5px 5px;
}

.newsTitle h2 {
  font-size: x-large;
}

.contenedorGrid {
  display: grid;
  /* grid-template-columns: 1.5fr 2.5fr; */
  grid-template-columns: 1.2fr 2.5fr;

  /* Creamos dos columnas de igual ancho */
  grid-column-gap: 20px; /* Espacio de 20px entre columnas */

  /* Puedes ajustar los anchos según tus necesidades, por ejemplo:
  grid-template-columns: 300px 200px; */
}

.contenedorGrid--unico {
  display: grid;
  /* grid-template-columns: 1.5fr 2.5fr; */
  grid-template-columns: 1fr;
  grid-column-gap: 20px; /* Espacio de 20px entre columnas */
  /* Creamos dos columnas de igual ancho */

  /* Puedes ajustar los anchos según tus necesidades, por ejemplo:
  grid-template-columns: 300px 200px; */
}

.contenedorGrid--medio {
  grid-template-columns: 2fr 3.5fr;
}

/* - CLASE BUENA - NO BORRAR*/

.gridLogo,
.medio {
  width: 100%;
}

.gridLogo-m {
  width: 100%;
}

.imgArt400 {
  /* width: 350px;*/
  height: 250px; /*Alto del CONTENEDOR*/
  overflow: hidden; /* Oculta las partes fuera del contenedor */
  position: relative;
  /* border: 1px solid #900; */
  /* margin: 5px; */

  /* -- nuevo ----*/
  margin: 0 auto;

  /* centra verticalmente la imagen de dentro*/
  display: flex;
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente (opcional) */
}

.imgArt400 img {
  width: 100%;
  height: 100%;

  /* Ajusta la imagen para que rellene el contenedor */
  object-fit: cover;

  /* Centra la imagen TOP */
  object-position: top;
}

.imgArt400-promos {
  width: 480px;
  height: 250px; /*Alto del CONTENEDOR*/
  overflow: hidden; /* Oculta las partes fuera del contenedor */
  position: relative;
  /* border: 1px solid #900; */
  /* margin: 5px; */
  /* background-color: lightgray; */
}

.imgArt400-promos img {
  width: 100%;
  height: 100%;

  object-fit: cover; /* Ajusta la imagen para que rellene el contenedor */
  object-position: top; /* Centra la imagen TOP */
}

.imgArt400-medio {
  max-width: 500px;
  border: 1px solid var(--color-principal);
}

/*NO TOCAR*/
.gridLogo {
  /*background-color: pink;*/
  max-width: 500px;
  height: 270px;

  overflow: hidden; /* Oculta las partes fuera del contenedor */
  position: relative;

  border-radius: 0.3rem;
  border: 1px solid grey;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);

  /*background-color: pink; */
}

/*NO TOCAR*/
.gridLogo img {
  width: 100%;
  min-height: 270px;
  top: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%); /* Ajusta para centrar bien */
}

/*NO TOCAR*/
.gridLogo-m {
  max-width: 500px;
  height: 200px;

  overflow: hidden; /* Oculta las partes fuera del contenedor */
  position: relative;

  border-radius: 0.3rem;
  border: 1px solid grey;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);

  /*background-color: pink; */
}

/*NO TOCAR*/
.gridLogo-m img {
  width: 80%;
  /* min-height: 270px; */
  top: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%); /* Ajusta para centrar bien */
}

/* <div class="gridLogoVertical imgArt400Vertical"> */

.gridLogoVertical img {
  width: 80%;
  /* max-height: 400px; */
  /*border: 1px solid #aa4747;*/
  border-radius: 0.3rem;
  border: 1px solid grey;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);

  overflow: hidden; /* Oculta las partes fuera del contenedor */
  /* position: relative; */
}

.gridLogo-centrado-vertical img {
  width: 100%;
  /* max-height: 400px; */
  /*border: 1px solid #aa4747;*/
  border-radius: 0.3rem;
  border: 1px solid grey;
  box-shadow: 0px 0.2rem 0.3rem rgba(0, 0, 0, 0.4);
  overflow: hidden; /* Oculta las partes fuera del contenedor */
  /* position: relative; */
}

.imgArt400-centrado-vertical {
  /* background-color: green; */
  width: 100%;
  height: 100%; /*Alto del CONTENEDOR*/
  /* background-color: pink; */
  overflow: hidden;
  position: relative;
  text-align: center;
  /* border: 1px solid red; */
  margin: 0 auto;

  /* centra verticalmente la imagen de dentro*/
  display: flex;
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente (opcional) */
}

.gridLogoVertical-sinborde img {
  width: 80%;
  height: 80%;
  /* max-height: 400px; */
  /*border: 1px solid #aa4747;*/

  overflow: hidden; /* Oculta las partes fuera del contenedor */
  /* position: relative; */
}

.imgArt400Vertical {
  /* background-color: green; */
  width: 90%;
  height: 100%; /*Alto del CONTENEDOR*/
  /* background-color: pink; */
  overflow: hidden;
  position: relative;
  text-align: center;
  /* border: 1px solid red; */
  margin: 0 auto;

  /* centra verticalmente la imagen de dentro*/
  display: flex;
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente (opcional) */
}

.imgArt400Vertical-90 {
  /* background-color: green; */
  width: 90%;
  height: 400px; /*Alto del CONTENEDOR*/
  overflow: hidden;
  position: relative;
  text-align: center;
  /* border: 1px solid red; */
  margin: 0 auto;
}

.gridLogo-sinborde {
  padding: 10px;
}

.gridLogo-sinborde img {
  max-width: 500px;
  height: auto;
}

.gridTexto {
  padding: 10px;
  text-align: justify;
}

.gridTexto50 {
  width: 80%;
  margin: 0px auto;
}

.gridTexto p {
  line-height: 1.6em;
}

.gridTexto .banner {
  text-align: center;
}

.titNews {
  font-family: Arial, sans-serif;
  /* font-size: 18px; */
  color: #336699; /* Un azul suave */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Sombra suave */
  line-height: 1.5;
  text-transform: uppercase;
}

.roundCorner {
  border-radius: 10px; /* Redondea las 4 esquinas en 10 píxeles */
}

.roundCorner-lite {
  border-radius: 0.3em; /* Redondea las 4 esquinas en 10 píxeles */
}

.main-carousel,
.divNews-white,
.divNews-transparent,
.divNews-promos,
.divNews {
  margin-bottom: var(--margin-foot);
}

.my-custom-container {
  max-width: 1920px;

  margin: 0 auto;
  width: 80%;
  flex: 1;
}

.my-custom-container-70 {
  max-width: 1920px;
  margin: 0 auto;
  width: 70%;
  flex: 1;
}

.my-custom-container-60 {
  margin: 0 auto;
  width: 60%;
  flex: 1;
}

.my-custom-container._60 {
  width: 60%;
}

.container25 ul {
  /*background-color: pink;*/
  padding-left: 0px;
}

.negrita {
  font-weight: bold;
}

/* SEDES QUIENES SOMOS */
.sedes-h2-ancho {
  /* padding: 13px 0px 13px 0px; */

  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: -1%;
}

.sede-menuOpciones {
  margin-left: 25%;
  line-height: 30px;
  cursor: pointer;
  font-size: large;
  color: #000;
}

.titColIzq {
  vertical-align: top;
  width: 50%;
}

.titColDcha {
  vertical-align: top;
}

.fs-xs {
  font-size: x-small;
}

.fs-s {
  font-size: small;
}
.fs-m {
  font-size: medium;
}
.fs-l {
  font-size: large;
}
.fs-xl {
  font-size: x-large;
}

.pointer {
  cursor: pointer;
}

/* INTERLINEA */
.il-m {
  line-height: 1.5em;
}

.il-l {
  line-height: 2em;
}

.none {
  display: none;
}

.centrado {
  text-align: center; /* Opcional para contenido inline */
}

p.centrado {
  text-align: center;
}

.centrado h1,
h2,
h3 {
  text-align: center;
}

/*
h1.centrado {
  text-align: center;
} */

.espacio-vacio-10 {
  height: 10%; /* Crea un espacio vertical de 50 píxeles */
}
.espacio-vacio-5 {
  height: 5%;
}

.ocultar {
  display: none;
}

/* velocidad de fade en el carrusel*/
.carousel-item {
  transition: opacity 3s ease-in-out; /* Ajusta la velocidad del fade */
}

.fondoDefault {
  width: 100%; /* Ajusta el ancho según tus necesidades */
  height: 100%; /* Ajusta el ancho según tus necesidades */

  background-image: url("../img/logos2/logo_iberiavion_trans.png");
  background-size: contain; /* o cover, o auto. ajusta segun lo deseado */
  background-repeat: no-repeat; /* Para evitar que la imagen se repita */
  background-position: center; /* Para centrar la imagen dentro del div */
}

.gallery-item {
  display: inline-block;
  position: relative;
  text-decoration: none;
  margin: 10px;
  text-transform: uppercase;
}
.image-caption {
  text-align: center;
  padding: 0px;
  font-size: 14px;
  color: #333;
  background-color: #f5f5f5;
  margin-top: 0px;
  text-transform: uppercase;
}

.contenedor-centrado {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  align-items: center; /* centra verticalmente */
}
