section.intro .container,
section.intro .row {
    height: 100%;
}

section .container,
section .row {
    height: 100%;
}

section.section-download .row,
section.section-download .container,
section.redes .container,
section.redes .row {
    height: auto;
    margin-bottom: 10px;
}

section.section-download {
    height: auto; padding: 1em;
    background-color: whitesmoke;
}

section.intro .txt {
    border-width: 0;
}

section .txt {
    padding: 3em;
    height: 100%;
	position: relative;
}

section .txt:after {
    content: '';
	position: absolute; 
	width: 1px; height: 100%;
	top: 0;
}

section .txt:after {
	right: 0;
}

section .txt .static {
    position: sticky; top: 100px; z-index: 111;
}

section#redes .txt .static {
	z-index: 0;
}

section .img .box {
	width: 120px; height: 120px;
	border: 1px solid black;
	position: absolute; bottom: 0;
}

section .box.redes {
    margin: 0 auto; position: absolute;
    width: fit-content; max-width: 300px;
    height: 250px; padding: 1.2em;
    margin-top: 0; border: 1px solid #b3afaf;
    background-color: #ffffff;
    border-radius: 5% 5% 0% 0%;
}

section .box.redes:nth-of-type(4){
    background-color: #DDB9A5;
    right: 0%; top: 61%;
}

section .box.prensa {
    margin: 0 auto; position: absolute;
    width: fit-content; max-width: 300px;
    height: 250px; padding: 1.2em;
    margin-top: 0; border: 1px solid #5400e1;
    background-color: #3b3951;
    border-radius: 5% 5% 0% 0%;
}

section .box.prensa:nth-of-type(4){
    background-color: #DDB9A5;
    right: 0%; top: 61%;
}

.just-float {
    flex-wrap: wrap
}

section .box.redes .row {
    height: auto;
}

section .box.prensa .row {
    height: auto;
}

section .social {
    padding: 1.6em;
}

section .box.redes .img-profile,
section .social .text{
    padding: 0 .3em;
}

section .box.redes .img-profile img,
section .social .img-profile img {
    border-radius: 50%; overflow: hidden;
    margin-top: .5em; width: 100%;
}

section .social .img-profile {
    position: relative;
}

section.mensaje .social .img-profile {
    margin: .5em 0;
}

section .social .img-profile :after {
    content: '';
    position: absolute; right: 0; top: 0; 
    width: 35px; height: 35px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
}

section .social.TW .img-profile :after {
    background-image: url(../img/redes/twitter.svg);
}

section .social.LK .img-profile :after {
    background-image: url(../img/redes/linkedin.svg);
}

section .social.FB .img-profile :after {
    background-image: url(../img/redes/facebook.svg);
}

section .social.IG .img-profile :after {
    background-image: url(../img/redes/instagram.svg);
}

section .social.YT .img-profile :after {
    background-image: url(../img/redes/YouTube.svg);
}

section .social .img-profile img {
	width: 50px;
}

section.mensaje .social .img-profile,
section.prensa .social .img-profile {
	display: flex;
	-ms-align-items: center;
		align-items: center;
	justify-content: center;
}

section.mensaje .social .img-profile1 img {
	width: auto; margin: 0 auto;
	max-width: 100px;
    margin-bottom: 10px;
    border-radius: 50%; overflow: hidden;
    margin-top: .5em; width: 100%;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

section.prensa .social .img-profile img {
	width: auto; margin: 0 auto;
	max-width: 75px;
    margin-bottom: 10px;
}

section .box.redes a,
section .social a {
    color: #007bff;
    transition: all .3s;
}

section.prensa .box.social h5 a {
	color: #004085;
}

section.mensaje .social .text h5,
section.mensaje .social .text h5 a {
    color: red;
    line-height: 8px;
    text-align: center;
}


section.mensaje .social .text p {
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}


section .box.redes a:hover,
section .social a:hover {
    color: #f00;
}

section .box.redes h5,
section .social h5 {
    font-size: 16px; font-weight: 400; line-height: 22px;
    color: #fff;
}

section .angry-grid .social h5 {
    color: #000;
    font-size: 16px;
}

section .box.redes p,
section .social p {
    margin-bottom: 0;
    font-size: 14px; font-weight: 300; line-height: 19px;
    color: #050505 !important;
}

section.prensa .social a.btn-noticias {
	text-align: center;
	display: block;
	margin: 1em auto;
	width: fit-content;
	color: #007bff;
	padding: .3em 1em;
}

section.prensa .social a.btn-noticias:hover {
	color: #f00; background-color: #fff;
	text-decoration: none;
}

section.mensaje .social a.btn-noticias {
	text-align: center;
	display: block;
	margin: 0.4em auto;
	width: fit-content;
	color: #007bff;
	padding: .3em 1em;
    font-size: 16px;
}

section.mensaje .social a.btn-noticias:hover {
	color: #f00;
	text-decoration: none;
}

section .box.prensa .img-profile,
section .social .text{
    padding: 0 .3em;
}

section .box.prensa .img-profile img,
section .social .img-profile img {
    border-radius: 50%; overflow: hidden;
    margin-top: .5em; width: 100%;
}

section .social .img-profile img {
	width: 50px;
    margin-bottom: 13px;
}

section .box.prensa a,
section .social a {
    color: #007bff;
    transition: all .3s;
}

section .box.prensa a:hover,
section .social a:hover {
    color: #f00;
}

section .box.prensa h5,
section .social h5 {
    font-size: 16px; font-weight: 400; line-height: 22px;
    color: #fff;
}

section .angry-grid .social h5 {
    color: #c02239 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

section .angry-grid1 .social h5 {
    color: #9c4708 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

section .box.prensa p,
section .social p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #e0dbd4;
}

section .angry-grid .social p {
    color: #000;
}

.item {
    z-index: 8;
}

section .img .box-1 {
	background-color: #fff;
	right: 120px;
}

section .img .box-2 {
	background-color: red;
	left: 20px; 
}

section h2.title,
section .txt .static h2 {
	color: #000;
	font-size: 55px; font-weight: 600; line-height: 59px;
	  -webkit-background-clip: text !important;
	  -webkit-text-fill-color: transparent;
}

section h2.title span,
section .txt .static h2 span {
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

section .txt .static p {
	font-size: 20px; font-weight: 300; line-height: 29px;
}

section .img {
    position: absolute; bottom: 0; right: 0;
}

section .img img {
    margin: auto; display: block; width: 95%;
	max-width: 740px;
}

section:nth-of-type(2){
     background-color: #004085;
}

section:nth-of-type(2) .txt:before,
section:nth-of-type(2) .txt:after {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 64, 133, 1) 84%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 64, 133, 1) 84%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 64, 133, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#004085", GradientType=1);
}

section:nth-of-type(2) .img {
    background: rgb(2,0,36);
	 background: -moz-linear-gradient(180deg, rgba(0,64,133,0) 0%, rgba(254,179,200,1) 44%);
	background: -webkit-linear-gradient(180deg, rgba(0,64,133,0) 0%, rgba(254,179,200,1) 44%);
	background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,64,133,1) 44%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#feb3c8",GradientType=1);
}

section.redes h2.title,
section:nth-of-type(2) h2 {
	background: -webkit-linear-gradient(45deg, #fd0, #ff1212);
}

section.mensaje h2.title,
section:nth-of-type(2) h2 {
	background: -webkit-linear-gradient(45deg, #fd0, #ff1212);
}

section:nth-of-type(2) * {
    color: #fff;
}

section:nth-of-type(2) .btn-primary {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(2) .btn-primary:hover {
    color: #007bff; background-color: #fff;
}

section:nth-of-type(3){
    background-color: #27376f;
}

section:nth-of-type(3) .txt:before,
section:nth-of-type(3) .txt:after {
	background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(96,0,210,1) 84%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(96,0,210,1) 84%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(96,0,210,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#6000d2",GradientType=1);
}

section.prensa h2.title,
section:nth-of-type(3) h2 {
	background: -webkit-linear-gradient(45deg, #fff500, #ff056b);
}

section:nth-of-type(3) * {
    color: #fff; border-color: #fff;
    font-family: "Montserrat", sans-serif;

}

section:nth-of-type(3) .btn-primary {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(3) .btn-primary:hover {
    color: #007bff; background-color: #fff;
}

section:nth-of-type(3) .img {
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(180deg, #6000d2 0%, rgba(24, 16, 70, 1) 44%);
	background: -webkit-linear-gradient(180deg, #6000d2 0%, #6000d2 44%);
	background: linear-gradient(180deg, #6000d2 0%, #6000d2 44%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#181046", GradientType=1);
}


section:nth-of-type(4) {
	background-color: #9700f9;
}

section:nth-of-type(4) .txt:before,
section:nth-of-type(4) .txt:after {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(151, 0, 249, 1) 84%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(151, 0, 249, 1) 84%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(151, 0, 249, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#9700f9", GradientType=1);
}

section:nth-of-type(4) * {
	color: #fff;
	border-color: #fff;
}

section:nth-of-type(4) h2 {
	background: -webkit-linear-gradient(45deg, #ffcd05, #05b8ff);
}

section:nth-of-type(4) .img {
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(180deg, #9700f9 0%, #007dff 35%);
	background: -webkit-linear-gradient(180deg, #9700f9 0%, #9700f9 35%);
	background: linear-gradient(180deg, #9700f9 0%, #9700f9 35%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#007dff", GradientType=1);
}

section:nth-of-type(4) .btn-danger {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(4) .btn-danger:hover {
    color: #007bff; background-color: #fff;
}

section:nth-of-type(5) {
	background-color: #800d6e;
}

section:nth-of-type(5) .txt:before,
section:nth-of-type(5) .txt:after {
	background: #cf43e6;
	background: -moz-linear-gradient(180deg, #ffffff 0%, rgba(252, 137, 24, 1) 84%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 137, 24, 1) 84%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fc8918", GradientType=1);
}

section:nth-of-type(5) * {
	color: #fff;
	border-color: #fff;
}

section:nth-of-type(5) h2 {
	background: -webkit-linear-gradient(45deg, #ffcc01, #ff0000);
}

section:nth-of-type(5) .img {
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(180deg, #800d6e 0%, #800d6e 44%);
	background: -webkit-linear-gradient(180deg, rgba(128, 13, 110, 0) 0%, rgba(128, 13, 110,  1) 44%);
	background: linear-gradient(180deg, rgba(128, 13, 110, 0) 0%, #800d6e 44%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#fc8918", GradientType=1);
}

section:nth-of-type(5) .btn-danger {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(5) .btn-danger:hover {
    color: #007bff; background-color: #fff;
}

section:nth-of-type(6) {
	background-color: #5400e1;
}

section:nth-of-type(6) .txt:before,
section:nth-of-type(6) .txt:after {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(84 0 225) 84%);
	background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(84 0 225) 84%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(84 0 225) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c63907", GradientType=1);
}

section:nth-of-type(6) * {
	color: #fff;
	border-color: #fff;
}

section:nth-of-type(6) h2 {
	background: -webkit-linear-gradient(180deg, #70f9ff, #ffb400);
}

section:nth-of-type(6) .btn-danger {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(6) .btn-danger:hover {
    color: #007bff; background-color: #fff;
}

section:nth-of-type(7) {
	background-color: #efab25;
}

section:nth-of-type(7) .txt:before,
section:nth-of-type(7) .txt:after {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(84 0 225) 84%);
	background: -webkit-linear-gradient(180deg, #ffffff 0%, #efab25 84%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #efab25 84%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c63907", GradientType=1);
}

section:nth-of-type(7) * {
	color: #fff;
	border-color: #fff;
}

section:nth-of-type(7) h2 {
	background: -webkit-linear-gradient(312deg, #ff0404, #00438d);
}

section:nth-of-type(7) .btn-danger {
    color: #fff; background-color: #007bff;
}

section:nth-of-type(7) .btn-danger:hover {
    color: #007bff; background-color: #fff;
}

.item2, .item1, .item, .item3 {
	position: absolute; right: 0; left: 0; margin: auto;
	transform: all .3s
}

.ov-hidden {
	height: 61%;
    display: flex;
    align-items: end;
}

.menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 14px;
}

.btn-line {
    width: 30px;
    height: 3px;
    background-color: black;
    margin: 4px 0;
}


.modal-body {
    padding: 0;
    width: 100vw;
    max-width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

.modal-dialog {
    max-width: 1000px;
    margin: 0 auto;
}

.modal-body iframe {
    max-width: 100%;
}

.modal-body button.close {
    position: absolute; top: -15px; right: -15px;
    background-color: red; color: #fff;
    width: 30px; height: 30px;
    font-size: 21px; line-height: 8px; 
    border-radius: 50%; z-index: 9;
    display: flex;
    place-items: center;
    justify-content: center;
}

.modal-dialog {
    height: 100vh;
    display: flex;
    -ms-align-items: center;
        align-items: center;
    justify-content: center;
}


/**************** REDES *******************/
.mensaje {
    margin-top: 80px;
}

.redes {
    margin-top: 10px;
}

.angry-grid {
   display: grid; 
   grid-template-rows: repeat(6,1fr);
   grid-template-columns: repeat(8,1fr);
   gap: 1em;
   height: 2100px;
}

.angry-grid1 {
   display: grid; 
   grid-template-rows: repeat(5,1fr);
   grid-template-columns: repeat(8,1fr);
   gap: 1em;
   height: 1240px;
}

.redes .box,
.redes .social {
    position: relative;
}

.social a.link:before {
    content: '';
    position: absolute; top: 0; right: 0;
    width: 100%; height: 100%;
    background-image: url(../img/redes/link.svg);
    background-position: center;
    background-color: rgb(255 255 255 / 23%);
    background-repeat: no-repeat;
    opacity: 0; visibility: hidden;
    transition: all .3s
}

.social a.link:hover:before {
    opacity: 1; visibility: visible;
}


:root {
  --bg1: #FFFFFF;
  --bg2: #fbf0ff; 
  --bg3: #fffbee; 
  --bg4: #e9f6f4; 
  --bg5: #f4f4f4; 
}
  
/* Contenedor principal */
.grid-container {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: minmax(150px, auto);
  gap: 20px;
  padding: 20px;
}

/* Estilos generales para todos los ítems */
.grid-container > div {
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  color: #fff;
}

/* Ítems reorganizados para mantener simetría visual */
#item-1  { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc; }
#item-2  { grid-column: span 4; background-color: var(--bg2); border-radius: 10px; }
#item-3  { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item-4  { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item-5  { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item-6  { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item-7  { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-8  { grid-column: span 3; background-color: var(--bg3); border-radius: 10px; }
#item-9  { grid-column: span 3; background-color: var(--bg4); border-radius: 10px; }
#item-10 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item-11 { grid-column: span 4; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item-12 { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-13 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item-14 { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item-15 { grid-column: span 4; background-color: var(--bg5); border-radius: 10px; }
#item-16 { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item-17 { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-18 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item-19 { grid-column: span 4; background-color: var(--bg4); border-radius: 10px; }
#item-20 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item-21 { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item-22 { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-23 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item-24 { grid-column: span 6; background-color: var(--bg4); border-radius: 10px; }
#item-25 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item-26 { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item-27 { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-28 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item-29 { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }

#item1  { grid-column: span 4; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc; }
#item2  { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item3  { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item4  { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item5  { grid-column: span 4; background-color: var(--bg5); border-radius: 10px; }
#item6  { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item7  { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item8  { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item9  { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item10 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item11 { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item12 { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item13 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item14 { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item15 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }
#item16 { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; border: 1px solid #b7b7bc;}
#item17 { grid-column: span 4; background-color: var(--bg2); border-radius: 10px; }
#item18 { grid-column: span 2; background-color: var(--bg3); border-radius: 10px; }
#item19 { grid-column: span 2; background-color: var(--bg4); border-radius: 10px; }
#item20 { grid-column: span 2; background-color: var(--bg5); border-radius: 10px; }

#item-1a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-2a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-3a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-4a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-5a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-6a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-7a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-8a { grid-column: span 3; background-color: var(--bg1); border-radius: 10px; }
#item-9a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-10a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-11a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-12a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-13a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-14a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-15a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-16a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-17a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-18a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-19a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-20a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-21a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-22a { grid-column: span 3; background-color: var(--bg1); border-radius: 10px; }
#item-23a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-24a { grid-column: span 3; background-color: var(--bg1); border-radius: 10px; }
#item-25a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-26a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-27a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-28a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-29a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-30a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-31a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-32a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-33a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-34a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-35a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-36a { grid-column: span 3; background-color: var(--bg1); border-radius: 10px; }
#item-37a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-38a { grid-column: span 3; background-color: var(--bg2); border-radius: 10px; }
#item-39a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-40a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-41a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-42a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-43a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-44a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }
#item-45a { grid-column: span 2; background-color: var(--bg1); border-radius: 10px; }
#item-46a { grid-column: span 2; background-color: var(--bg2); border-radius: 10px; }

button.submit {
    background-color: transparent;
    border: 0;
}

section#prensa .ov-hidden {
    overflow: hidden;
}

footer h2 {
    font-size: 16px; font-weight: 400; text-align: center; line-height: 24px;
}

footer {
    background-color: #181046;
    padding: 2em;
}

footer * {
    color: #fff;
}

footer a:hover {
    color: #f00; text-decoration: none;
}

.menu-toggles {
	display: none;
	
    visibility: hidden;
    width: 0;
    height: 0;
}

.btn-danger:hover {
	background-color: #007dff;
}

.btn-primary:hover {
	background-color: #dc3545;
}

section.mensaje,
section.redes {
	height: auto;
}

.scroll {
	position: absolute; bottom: -90px; left: -70px;
	width: inherit !important; height: auto;
}




/**** Prensa ****/
section.prensa {
	margin-top: 80px;
	height: auto; margin-bottom: 2em;
}

.prensa .angry-grid {
   display: grid; 

   grid-template-rows: repeat(9, 1fr);
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   
   gap: 1em;
   height: 1500px;
   
}
  
.prensa #item-0 {

   background-color: var(--bg4); 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 3;
   grid-column-end: 4;
   
}
.prensa #item-1 {

   background-color: var(--bg1);
   grid-row-start: 1;
   grid-column-start: 4;

   grid-row-end: 4;
   grid-column-end: 7;
   
}
.prensa #item-2 {

   background-color: var(--bg2);
   grid-row-start: 1;
   grid-column-start: 7;

   grid-row-end: 3;
   grid-column-end: 10;
   
}
.prensa #item-3 {

   background-color: var(--bg5);
   grid-row-start: 1;
   grid-column-start: 10;

   grid-row-end: 3;
   grid-column-end: 13;
   
}
.prensa #item-4 {

   background-color: var(--bg3);
   grid-row-start: 3;
   grid-column-start: 1;

   grid-row-end: 6;
   grid-column-end: 4;
   
}
.prensa #item-5 {

   background-color: var(--bg4);
   grid-row-start: 4;
   grid-column-start: 4;

   grid-row-end: 6;
   grid-column-end: 7;
   
}
.prensa #item-6 {

   background-color: var(--bg3);
   grid-row-start: 3;
   grid-column-start: 7;

   grid-row-end: 5;
   grid-column-end: 10;
   
}
.prensa #item-7 {

   background-color: var(--bg5);
   grid-row-start: 5;
   grid-column-start: 7;

   grid-row-end: 8;
   grid-column-end: 10;
   
}
.prensa #item-8 {

   background-color: var(--bg1);
   grid-row-start: 3;
   grid-column-start: 10;

   grid-row-end: 5;
   grid-column-end: 13;
   
}
.prensa #item-9 {

   background-color: var(--bg4);
   grid-row-start: 5;
   grid-column-start: 10;

   grid-row-end: 8;
   grid-column-end: 13;
   
}
.prensa #item-10 {

   background-color: var(--bg5);
   grid-row-start: 6;
   grid-column-start: 1;

   grid-row-end: 8;
   grid-column-end: 4;
   
}
.prensa #item-11 {

   background-color: var(--bg1);
   grid-row-start: 6;
   grid-column-start: 4;

   grid-row-end: 8;
   grid-column-end: 7;
   
}
.prensa #item-12 {

   background-color: var(--bg2);
   grid-row-start: 8;
   grid-column-start: 9;

   grid-row-end: 10;
   grid-column-end: 13;
   
}
.prensa #item-13 {

   background-color: var(--bg2);
   grid-row-start: 10;
   grid-column-start: 10;

   grid-row-end: 12;
   grid-column-end: 13;
   
}

.prensa #item-14 {

   background-color: var(--bg4);
   grid-row-start: 8;
   grid-column-start: 1;

   grid-row-end: 10;
   grid-column-end: 6;
   
}
.prensa #item-15 {

   background-color: var(--bg1);
   grid-row-start: 8;
   grid-column-start: 6;

   grid-row-end: 10;
   grid-column-end: 13;
   
}

/****** MENSAJES *****/

section.mensaje {
    margin-bottom: 2em;
}

.mensaje .angry-grid {
   display: grid; 

   grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   
   gap: 1em;
   height: 800px;
   
}
  
.mensaje #item-0 {

   background-color: var(--bg1); 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 3;
   grid-column-end: 3;
   
}
.mensaje #item-1 {

   background-color: var(--bg4); 
   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 3;
   grid-column-end: 6;
   
}
.mensaje #item-2 {

   background-color: var(--bg5); 
   grid-row-start: 1;
   grid-column-start: 6;

   grid-row-end: 3;
   grid-column-end: 10;
   
}
.mensaje #item-3 {

   background-color: var(--bg2); 
   grid-row-start: 3;
   grid-column-start: 1;

   grid-row-end: 6;
   grid-column-end: 4;
   
}
.mensaje #item-4 {

   background-color: var(--bg3); 
   grid-row-start: 3;
   grid-column-start: 4;

   grid-row-end: 6;
   grid-column-end: 6;
   
}
.mensaje #item-5 {

   background-color: var(--bg1); 
   grid-row-start: 3;
   grid-column-start: 6;

   grid-row-end: 5;
   grid-column-end: 8;
   
}
.mensaje #item-6 {

   background-color: var(--bg4); 
   grid-row-start: 3;
   grid-column-start: 8;

   grid-row-end: 6;
   grid-column-end: 10;
   
}
.mensaje #item-7 {

   background-color: var(--bg2); 
   grid-row-start: 5;
   grid-column-start: 6;

   grid-row-end: 8;
   grid-column-end: 8;
   
}
.mensaje #item-8 {

   background-color: var(--bg5); 
   grid-row-start: 6;
   grid-column-start: 8;

   grid-row-end: 8;
   grid-column-end: 10;
   
}
.mensaje #item-9 {

   background-color: var(--bg4); 
   grid-row-start: 6;
   grid-column-start: 1;

   grid-row-end: 8;
   grid-column-end: 6;
   
}

@media screen and (max-width: 991px) {
	header {
		height: 70px;
	}
	header .logo1 {
		order: 1
	}
	header .logo2 {
		order: 2;
		display: flex; justify-content: flex-end
	}
	header .menu {
		order: 3
	}
	header .logo1 img, header .logo2 img{
		max-width: 100%; height: 65px;
	}
	
	section {
		height: auto;
	}
	section.intro {
		margin-top: 20px;
	}
	section .txt {
		padding: 1em; border: 0;
	}
	section .txt .static {
		top: 0; position: relative;
	}
	section .txt .static h2 {
		font-size: 27px; line-height: 25px;
		margin: .7em 0;
	}
	section .txt .static p {
		font-size: 15px; line-height: 22px;
	}
	section#redes .img > .row {
		height: 120% !important;
	}
	section#prensa .img > .row {
		height: 100% !important;
		
	}
	section .box.redes {
		position: relative; height: auto;
		transform: translateX(0) scale(1) rotate(0deg) !important
	}
	.ov-hidden {
		height: 70%; justify-content: center;
	}

	
	.open.menu,
	.open .menu {
		opacity: 1; visibility: visible;
		
	}
    
    .open .menu {
        display: block; /* Mostrar el menú */
		position: relative; top: 30px;
		width: 100%;
    }

    .menu.closed {
        display: none; /* Ocultar el menú */
    }

	
	.menu-toggles.active {
		font-size: 0;
	}
	.menu-toggles.active:before {
		content: '\2715'; /* Código unicode para la 'x' */
		font-size: 22px;
	}
	
	.LinkExterno {
		border-top: 1px solid #fff; margin-top: 1.5em; padding-top: 1.5em;
		padding-left: 0; padding-right: 0;
	}
	.angry-grid,
	.angry-grid {
		display: block !important;
		height: auto !important;
	}
	.angry-grid .box {
		margin: 1em 0;
	}
    .angry-grid1,
	.angry-grid1 {
		display: block !important;
		height: auto !important;
	}
	.angry-grid1 .box {
		margin: 1em 0;
	}
	section h2.title,
	section .txt .static h2 {
		font-size: 27px;
		line-height: 27px;
		margin-bottom: .6em !important; margin-top: 1em;
	}

	section.intro .txt h2 {
		font-size: 25px;
		line-height: 30px;
	}

	section.intro .txt p {
		font-size: 16px;
		font-weight: 300;
		line-height: 21px;
	}

	section .txt:after {
		display: none;
	}
	section.intro {
		min-height: 450px;
	}
	section .img img {
		position: relative !important;
		max-width: 100%; width: auto !important;
	}
	section .img img.scroll {
		display: none;
	}
	section .img {
		position: relative;
	}
	.item2, .item1, .item3 {
		display: none !important;
	}
	.ov-hidden, section .txt {
		height: auto;
	}
	section .box.prensa {
		position: relative;
	}
	section .prensa .img-profile img {
		width: 70px !important;
	}
	section.intro .video video {
		height: 110%;
	}
	.menu {
		width: 100% !important;
	}
}

.video-btn {
	padding: .45rem 1.3rem;
	font-size: 1.3rem; 
	line-height: 1.5;
	border-radius: .25rem;
}

.menu {
	width: 86%;
}

/* Ocultar en todos los navegadores en resoluciones de escritorio */
@media screen and (min-width: 991px) {
    .menu-toggles {
        display: none; 
		position: absolute; 
    }
}


@media screen and (min-width: 991px) and (-webkit-min-device-pixel-ratio: 0) {
    .menu-toggles {
        display: none !important; 
		position: absolute;
    }
}