/*BOXES*/
.bg-gray {
  background-color: #f5f5f5;
}

.bg-dark_gray {
  background-color: #e7e7e7;
}

.bg-white {
  background-color: #ffffff;
}

.bg-light_blue {
  background-color: #d7f0f7;
}

.bg-red {
  background-color: rgb(155, 39, 67);
}

.bg-light_black {
  background-color: #262626;
}

#paragraph-70 {
  padding: 3rem 0 6rem 0;
}

.paragraph h2 {
  margin-top: 0;
}

.paragraph--type--boxes {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: 3rem 0;
  overflow: hidden;
}

.paragraph--type--boxes > .inner {
  max-width: 1335px;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  display: block;
  flex-direction: row;
  gap: 1px;
  flex-wrap: wrap;
}

#paragraph-453 {
  padding: 0 !important;
}

#paragraph-498 {
  background-color: #ffffff!important
}

#paragraph-455 {
  background-color: #e6e3df !important;
}

#paragraph-453 .inner {
  max-width: 100% !important;
  margin: 0 auto;
  padding-right: 0rem;
  padding-left: 0rem;
  display: block;
  flex-direction: row;
  gap: 0px !important;
  flex-wrap: wrap;
}

.paragraph--type--boxes .paragraph {
}

.paragraph--type--box {
  background-color: lightblue;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1 1 260px;
  justify-content: flex-start;
  overflow: hidden;
}

.paragraph--type--box h3 {
  margin-top: 0;
}

#paragraph-20 .paragraph--type--box,
#paragraph-23 .paragraph--type--box {
  background-color: transparent;
}

.box__general a {
  position: relative;
  display: block;
}

.box__general a:hover img {
  transform: scale(1.1);
}

.box__content {
  position: absolute;
  bottom: 0;
  background-color: var(--red-dark);
  color: var(--white);
  width: 100%;
  display: block;
}

.box_image img {
  transform: scale(1);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.box__content h2 {
  color: var(--white);
  font-size: 1.2rem;
  padding: 10px 14px;
  margin: 0;
}

/*END-BOXES*/
/*HERO*/
.paragraph--type--hero,
.paragraph--type--principal {
  overflow: hidden;
  position: relative;
}
.principal-info {
  display: flex;
  align-items: center;
  gap: 30px;
  color: var(--white);
}
.principal-info h2 {
  margin: 0 !important;
}
.principal-info h2,
.principal-info h1,
.principal-info a {
  color: var(--white);
}
.principal-info a {
  border: solid 1px var(--white);
}

.paragraph--type--hero .slick-initialized .slick-slide,
.paragraph--type--principal .slick-initialized .slick-slide {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.paragraph--type--hero .hero--container,
.paragraph--type--principal .hero--container {
  max-width: 1335px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  box-sizing: border-box;
}

.paragraph--type--hero .hero--container > .inner {
  width: 421.25px;
  padding: 80px 30px;
  background-color: #d06341;
  height: 100%;
  /*display: flex;*/
  align-items: center;
  box-sizing: border-box;
}

.paragraph--type--principal
  .hero--container
  > .inner
  .field--name-field-text-larg {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.paragraph--type--hero .hero--container > .inner h2,
.paragraph--type--principal .hero--container > .inner h2,
.paragraph--type--hero .hero--container > .inner h1 {
  margin-top: 0;
  margin-bottom: 10%;
}

.paragraph--type--hero .hero--container > .inner h1{
  text-transform: initial;
}
.paragraph--type--hero .hero--container > .inner a.button,
.paragraph--type--principal .hero--container > .inner a.button,
.paragraph--type--hero .hero--container > .inner a.button,
.paragraph--type--principal .hero--container > .inner a.button {
  margin-top: 10%;
}

.paragraph--type--hero .hero--container > .inner p,
.paragraph--type--principal .hero--container > .inner p,
.paragraph--type--hero .hero--container > .inner p,
.paragraph--type--principal .hero--container > .inner p {
  font-size: 1.25rem;
  margin: 0px;
}

.paragraph--type--hero .hero--container.posicion-centro_derecha,
.paragraph--type--principal .hero--container.posicion-centro_derecha {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: left;
}

.paragraph--type--hero .hero--container.posicion-centro_izquierda,
.paragraph--type--principal .hero--container.posicion-centro_izquierda {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.paragraph--type--hero .hero--container.posicion-abajo_izquierda > .inner,
.paragraph--type--principal .hero--container.posicion-abajo_izquierda > .inner {
  bottom: 100px;
  left: 0;
  position: absolute;
}

.paragraph--type--hero .hero--container.posicion-abajo_derecha > .inner,
.paragraph--type--principal .hero--container.posicion-abajo_derecha > .inner {
  bottom: 100px;
  right: 0;
  position: absolute;
}

.video-controls {
  position: absolute;
  right: 20%;
  bottom: 4%;
  z-index: 1001;
}

#toggle-video-button {
  background-color: var(--red-dark);
  color: #fff;
  padding: 10px;
  cursor: pointer;
  cursor: pointer;
  border: none;
  border-radius: 50%;
}

#toggle-video-button .fa-pause::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/stop.svg");
  background-repeat: no-repeat;
  display: block;
}

#toggle-video-button .fa-play::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  position: relative;
  background-image: url("../images/play.svg");
  background-repeat: no-repeat;
  display: block;
}

/*END-HERO*/

/*BLOCK*/
ul.historico-exposiciones {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

ul.historico-exposiciones li {
  flex: 1 1;
}

ul.historico-exposiciones li h3 {
  font-size: 1.2rem;
}

/*END BLOCK*/

/*COLUMNAS*/
.content__content .field--name-field-texto {
  display: flex;
  flex-direction: row;
  gap: 6rem;
}

.columna__general .content__content .field__items:has(> .field__item:only-child) {
  padding: 0 10rem;
}



.content__content .field--name-field-texto .field__item {
  flex: 1;
}





/*** texto con borde ****/
.columnas__texto_bordes {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.columnas__texto_bordes .field__item {
  flex: 1;
}
.columnas__texto_bordes .field__item p {
  margin: 0px;
  text-align: left;
}

.columnas__texto_bordes .field__item h2 {
  margin: 0px;
}


/*** texto con doble borde ****/
.columnas__texto_con_bordes_dobles {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.columnas__texto_con_bordes_dobles .field__item1{
  width: 30%;
}

.columnas__texto_con_bordes_dobles .field__item2{
  width: 70%;
}

.columnas__texto_con_bordes_dobles .field__item p {
  margin: 0px;
  text-align: left;
}

.columnas__texto_con_bordes_dobles .field__item h2 {
  margin: 0px;
}


/*** estilos para los documentos ****/

.paragraph--type--documentos-y-enlaces .header-line{
  width: 100%;    
  display: flex;
}
.paragraph--type--documentos-y-enlaces .header-line .line-left{
  border-bottom: 2px solid;
  width: 30%;
}
.paragraph--type--documentos-y-enlaces .header-line .line-right{
  width: 70%;
  border-top: 6px solid;
}

.paragraph--type--documentos-y-enlaces .footer-line{
  width: 100%;    
  display: flex;
}
.paragraph--type--documentos-y-enlaces .footer-line .line-left{
  border-bottom: 2px solid;
  width: 30%;
}
.paragraph--type--documentos-y-enlaces .footer-line .line-right{
  width: 70%;
  border-top: 6px solid;
}


.columnas__documentos_y_enlaces {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.columnas__documentos_y_enlaces .field__item1{
  width: 30%;
}

.columnas__documentos_y_enlaces .field__item2{
  width: 70%;
}

.columnas__documentos_y_enlaces .paragraph--type--enlace {
    display: flex;
    flex-direction: row;
    gap: 0rem;
    
}
.columnas__documentos_y_enlaces .container-documento{
  display: flex;
    flex-direction: row;
    gap: 0rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;  
}
.columnas__documentos_y_enlaces .container-documento img, .columnas__documentos_y_enlaces .paragraph--type--enlace img{
  margin-right: 10px;
  height: 24px;
}

.field--name-field-documento-o-enlace {
  display: grid;
  column-gap: 20px; /* espacio entre columnas */
}

.grid-1 .field--name-field-documento-o-enlace {
  grid-template-columns: 1fr;
}

.grid-2 .field--name-field-documento-o-enlace {
  grid-template-columns: 1fr 1fr;
}

.grid-3 .field--name-field-documento-o-enlace {
  grid-template-columns: 1fr 1fr 1fr;
}

.field--name-field-documento-o-enlace .container-documento{  
  border-top: 1px solid #000;
 
  width: 100%;
}.field--name-field-documento-o-enlace .field__item:last-child.container-documento{  
  
  border-bottom: 1px solid #000;
  width: 100%;
}

/*** Fin estilos para los documentos ****/

.paragraph--type--texto-con-bordes-dobles .header-line{
  width: 100%;    
  display: flex;
}
.paragraph--type--texto-con-bordes-dobles .header-line .line-left{
  border-bottom: 2px solid;
  width: 30%;
}
.paragraph--type--texto-con-bordes-dobles .header-line .line-right{
  width: 70%;
  border-top: 6px solid;
}

.paragraph--type--texto-con-bordes-dobles .footer-line{
  width: 100%;    
  display: flex;
}
.paragraph--type--texto-con-bordes-dobles .footer-line .line-left{
  border-bottom: 2px solid;
  width: 30%;
}
.paragraph--type--texto-con-bordes-dobles .footer-line .line-right{
  width: 70%;
  border-top: 6px solid;
}

/*END COLUMNAS*/

/*PANEL*/
.contenedor-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10rem;
  align-items: center;
}

.contenedor-panel > * {
  flex-basis: 50%;
  /* Hace que cada elemento hijo ocupe el 50% del contenedor */
  /* Opcional: si quieres que los elementos no crezcan ni se encojan, puedes añadir: */
  flex-grow: 0;
  flex-shrink: 0;
}

.contenedor-panel .imagen-panel-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor-panel .imagen-panel-wrapper .imagen-panel {
  max-width: 100%;
}

.imagen-panel {
  order: 1;
}

.texto-panel {
  order: 2;
}

.contenedor-panel.invertir-orden .imagen-panel-wrapper {
  order: 2;
}

.contenedor-panel.invertir-orden .texto-panel {
  order: 1;
}

/*END PANEL*/

#paragraph-94,
#paragraph-92,
#paragraph-110,
#paragraph-85,
#paragraph-114,
#paragraph-116,
#paragraph-79,
#paragraph-77,
#paragraph-277,
#paragraph-273,
#paragraph-515,
#paragraph-275,
#paragraph-42,
#paragraph-44 {
  padding-top: 0px;
}

#paragraph-511 {
  padding-bottom: 0px;
}
/*Blockquote*/
.paragraph--type--blockquote blockquote p {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  color: #9b2743;
  font-size: 66px;
  line-height: 70px;
  font-family: "Feature Display Web";
  font-style: italic;
  position: relative;
}

.paragraph--type--blockquote blockquote p::before {
  content: "“";
  font-size: 16rem;

  margin-right: 5px;
  position: absolute;
  left: -60px;
  top: 50px;
}

.paragraph--type--blockquote blockquote p::after {
  content: "”";
  font-size: 16rem;
  margin-left: 5px;
  position: absolute;
  right: -30px;
  top: 100px;
}
.paragraph--type--blockquote {
  padding-bottom: 6rem;
}
/*Blockquote*/

/*Datos*/
.info-box {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #e6e3df;
  padding: 1rem 4rem;
  border-radius: 6px;
  height: 184.89px;
  border-radius: 30px;
}
.info-box h3 {
  font-size: 40px;
  line-height: 44px;
}
.info-box img {
  width: 71.62px;
  height: 71.62px;
}
.icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.clock {
  font-size: 1.25rem;
}

.text-content h3 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: normal;
}
.paragraph h2.block-title {
  text-transform: uppercase;
}
.info-btn {
  margin-top: 10px;
  font-size: 0.8rem;
  padding: 6px 15px;
  border: 1px solid black;
  background: transparent;
  border-radius: 20px;
  cursor: pointer;
  font-family: inherit;
  display: inline-block;
  color: var(--black);
}
#paragraph-507 .inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}
/*Datos*/

/*TEXTO IMAGEN BACKGROUND*/
/*
.paragraph--type--texto-imagen-background{
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  padding: 3rem 0;
  overflow: hidden;
}

.paragraph--type--texto-imagen-background .contenedor-panel{
  gap: 0rem;  
}
.paragraph--type--texto-imagen-background .imagen-panel {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  width: 100%;
}
.paragraph--type--texto-imagen-background .texto-panel { 
  min-height: 500px;
  width: 100%;
}

.paragraph--type--texto-imagen-background .texto-panel-container { 
  width: 70%;
    float: right;
}

.paragraph--type--texto-imagen-background .texto-panel-container h2{ 
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.paragraph--type--texto-imagen-background .texto-panel-container .field--name-field-enlace-de-box{
  margin-top: 7rem;
}
*/

.container-imagen-background .panel__general {
  width: 100vw;
  background-color: var(--background-color); /* Se reemplaza dinámicamente */
  min-height: 500px;
}

.container-imagen-background .contenedor-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 0px;
  /*min-height: 100vh; /* que ocupe toda la altura de la pantalla si lo deseas */
  align-items: flex-start;
}

.container-imagen-background .imagen-panel-wrapper .imagen-texto-background {
  min-height: 500px;
  background-size: cover;
}

.container-imagen-background .imagen-panel-wrapper {
  flex: 1;
  min-width: 50%;
  height: auto;
}

.container-imagen-background .imagen-panel {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.container-imagen-background .texto-panel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-imagen-background .texto-panel-container {
  width: 100%;
  max-width: 675px;
  margin: 0 auto;
  padding: 2rem;
  margin-right: 0px;
  padding-right: 0px;
}

.container-imagen-background
  .texto-panel-container
  .field--name-field-texto-panel {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/*.paragraph--type--texto-imagen .contenedor-panel {
  background-color: #d06341;
  gap: 0;
  height: 600px;
  overflow: hidden;
}
.paragraph--type--texto-imagen .texto-panel {
  padding: 6rem;
  box-sizing: border-box;
}
#paragraph-495 .contenedor-panel {
  height: 677px;
  align-items: flex-start !important;
}
#paragraph-495 .contenedor-panel .field--name-field-imagen-panel {
  width: 100% !important;
  height: 678px;
}
#paragraph-495 .contenedor-panel .field--name-field-imagen-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#paragraph-495 .contenedor-panel .imagen-panel-wrapper {
  display: block !important;
}

#paragraph-495 .contenedor-panel .texto-panel {
  padding: 3rem 5rem 0rem 21rem;
  box-sizing: border-box;
  width: 100%;
}
#paragraph-495 .seccion_educacion {
  border: 1px solid #000;
  border-radius: 8px;
  width: 35%;
  text-align: center;
}
*/