@font-face{font-family:"Light";src:url("../fonts/Instrument_Sans/InstrumentSans-Light.ttf") format("truetype")}@font-face{font-family:"Regular";src:url("../fonts/Instrument_Sans/InstrumentSans-Regular.ttf") format("truetype")}@font-face{font-family:"Medium";src:url("../fonts/Instrument_Sans/InstrumentSans-Medium.ttf") format("truetype")}@font-face{font-family:"SemiBold";src:url("../fonts/Instrument_Sans/InstrumentSans-SemiBold.ttf") format("truetype")}@font-face{font-family:"Bold";src:url("../fonts/Instrument_Sans/InstrumentSans-Bold.ttf") format("truetype")}@font-face{font-family:"MediumCondensed";src:url("../fonts/Instrument_Sans/InstrumentSans_Condensed-Medium.ttf") format("truetype")}@font-face{font-family:"BoldCondensed";src:url("../fonts/Instrument_Sans/InstrumentSans_Condensed-Bold.ttf") format("truetype")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,button{margin:0;padding:0;border:none;outline:none;text-decoration:none}button{outline:none;background:rgba(0,0,0,0);cursor:pointer}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,p{font-weight:unset !important}strong{font-weight:unset !important;font-family:"Bold"}ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}li{display:list-item;text-align:-webkit-match-parent;margin:5px 0}ul li{list-style-type:disc}ul li a{color:#1f4294}ul li a:hover{text-decoration:underline}ul li a i{font-size:24px}html{height:100%;font-size:10px;font-family:"Regular"}body{height:100%;background-color:#fff;margin:0;display:flex;flex-direction:column;justify-content:space-between;padding-top:140px;transition:padding-top .3s ease,background-color .3s ease}body.fijar{padding-top:72px}body.anular{overflow:hidden}strong{font-family:"Bold"}.desktop{display:block}.mobile{display:none}@media only screen and (max-width: 900px){body{padding-top:92px}body.fijar{padding-top:72px}.desktop{display:none !important}.mobile{display:block !important}}.container{max-width:1300px;margin:0 auto;padding:0 24px;position:relative}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1100;background:linear-gradient(90deg, #032b8c 0%, #0037b8 100%);box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease;background-image:url(../images/bg.webp);background-size:cover;background-position:center}.navbar .topbar{height:48px;border-bottom:1px solid hsla(0,0%,100%,.08)}@media only screen and (max-width: 900px){.navbar .topbar{display:none}}.navbar .topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.navbar .topbar .social{display:flex;align-items:center;gap:12px}.navbar .topbar .social a{display:flex;align-items:center;gap: 5px;padding:6px;aspect-ratio:1/1;border-radius:999px;background:hsla(0,0%,100%,.08);color:#fff;font-size:14px;transition:all .2s ease}.navbar .topbar .social a i{font-size:18px}.navbar .topbar .social a span{opacity:.9}.navbar .topbar .social a:hover{background:hsla(0,0%,100%,.16);transform:translateY(-2px)}.navbar .topbar .top-links{display:flex;align-items:center;gap:25px}.navbar .topbar .top-links a{color:#fff;font-size:15px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.navbar .topbar .top-links a:hover{color:#ffb703}.navbar .topbar .top-links .btn-registro{background:#ffd400;color:#111;padding:5px 20px 5px 14px;border-radius:10px;font-family:"SemiBold"}.navbar .topbar .top-links .btn-registro:hover{background:rgb(255,229.2,102);color:#000}.navbar .topbar .top-links .btn-registro i{font-size:22px}.navbar .mainbar{height:92px;transition:all .3s ease}.navbar .mainbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.navbar.fijar .mainbar{height:72px}.navbar.fijar .logo img{height:calc(72px - 20px)}.navbar .logo{display:flex;align-items:center}.navbar .logo img{height:calc(92px - 24px);transition:all .3s ease}.navbar .menu{display:flex;align-items:center;gap:35px}.navbar .menu .links{display:flex;align-items:center;gap:32px}.navbar .menu .acciones{display:flex;align-items:center;gap:14px;margin-left:10px}.navbar .menu .acciones a{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}.navbar .menu .acciones a span{display:none}.navbar .menu .acciones a:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.16)}.navbar .menu .acciones a:after{display:none}.navbar .menu a{position:relative;color:#fff;font-size:18px;font-family:"SemiBold";transition:all .2s ease}.navbar .menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0%;height:3px;background:#ffd400;border-radius:10px;transition:all .25s ease}.navbar .menu a:hover:after{width:100%}.navbar .menu a.active:after{width:100%}@media only screen and (max-width: 900px){.navbar .menu{position:fixed;top:0;right:0;bottom:0;width:85vw;background:linear-gradient(180deg, #032b8c 0%, #021850 100%);flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;transform:translateX(100%);transition:all .35s ease}.navbar .menu .links{width:100%;flex-direction:column;align-items:flex-start;gap:18px}.navbar .menu .acciones{width:100%;margin-top:25px;flex-direction:column;align-items:stretch;margin-left:0}.navbar .menu .acciones a{width:100%;height:auto;padding:14px 18px;border-radius:10px;justify-content:flex-start;gap:14px;background:hsla(0,0%,100%,.08);font-size:20px}.navbar .menu .acciones a span{display:inline-block;font-size:18px}.navbar .menu .acciones a i{font-size:22px}.navbar .menu a{font-size:24px}.navbar .menu .btn-mobile-registro{margin-top:10px;background:#ffd400;color:#111 !important;padding:14px 18px;border-radius:10px;display:flex;align-items:center;gap:12px;font-family:"SemiBold"}.navbar .menu .btn-mobile-registro:after{display:none !important}.navbar .menu .btn-mobile-registro:hover{background:#ffe14a}.navbar .menu.show_menu{transform:translateX(0%);box-shadow:-10px 0 40px rgba(0,0,0,.45)}}.navbar .boton-menu{display:none;width:30px;height:22px;flex-direction:column;justify-content:space-between;position:relative;z-index:9999}@media only screen and (max-width: 900px){.navbar .boton-menu{display:flex}}.navbar .boton-menu span{width:100%;height:3px;border-radius:10px;background:#fff;transition:all .25s ease}.navbar .boton-menu.cerrar span:nth-child(1){transform:rotate(45deg);position:absolute;top:10px}.navbar .boton-menu.cerrar span:nth-child(2){opacity:0}.navbar .boton-menu.cerrar span:nth-child(3){transform:rotate(-45deg);position:absolute;top:10px}.navbar .boton-menu.cerrar span:nth-child(4){opacity:0}.mobile-only{display:none}.desktop-only{display:block}@media only screen and (max-width: 900px){.mobile-only{display:flex !important}.desktop-only{display:none !important}}.row{width:100%;float:left;display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap}.row .separator{float:unset}.row.f-end{justify-content:flex-end}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;padding:.5rem 1.5rem}.col-1.pl-0,.col-2.pl-0,.col-3.pl-0,.col-4.pl-0,.col-5.pl-0,.col-6.pl-0,.col-7.pl-0,.col-8.pl-0,.col-9.pl-0,.col-10.pl-0,.col-11.pl-0,.col-12.pl-0{padding:.5rem 0rem}@media only screen and (max-width: 900px){.col-1,.col-2,.col-3,.col-4,.col-5{width:50% !important}}@media only screen and (max-width: 900px){.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{width:100% !important}}@media only screen and (max-width: 900px){.fix-100{flex-grow:1}}.col-12{width:100%}.col-11{width:91.6666666667%}.col-10{width:83.3333333333%}.col-9{width:75%}.col-8{width:66.6666666667%}.col-7{width:58.3333333333%}.col-6{width:50%}.col-5{width:41.6666666667%}.col-4{width:33.3333333333%}.col-3{width:25%}.col-2{width:16.6666666667%}.col-1{width:8.3333333333%}.tool{position:relative}.tool:hover .tip{display:block}.tool:hover .tip.left,.tool:hover .tip.right{display:flex}.tip{position:absolute;top:calc(100% + 5px);width:100px;left:50%;margin-left:-50px;padding:1rem;color:#fff;box-shadow:5px 5px 20px 0px rgba(0,0,0,.2);display:none;font-size:1.1rem !important;line-height:1.3rem !important;font-family:"SemiBold" d;z-index:3000;text-align:center;background-color:#90e0ef;border-radius:10px}.tip::before{content:"";background-color:inherit;position:absolute;transform:rotate(45deg);width:10px;height:10px;top:-5px;left:50%;margin-left:-5px}.tip.top{top:auto;bottom:calc(100% + 5px)}.tip.top::before{border-color:rgba(0,0,0,0) #dee2e6 #dee2e6 rgba(0,0,0,0);top:auto;bottom:-5px}.tip.left{top:50%;margin-top:-15px;right:calc(100% + 5px);left:auto;width:auto;height:30px;white-space:nowrap;align-items:center !important}.tip.left::before{border-color:#dee2e6 #dee2e6 rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;transform:rotate(45deg);left:auto;right:-5px;top:50%;margin-top:-5px}.tip.right{margin:auto;top:50%;margin-top:-15px;left:calc(100% + 5px);right:auto;width:auto;height:30px;white-space:nowrap;align-items:center !important}.tip.right::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #dee2e6 #dee2e6;position:absolute;transform:rotate(45deg);margin:auto;right:auto;left:-5px;top:50%;margin-top:-5px}.showcase-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;max-width:1300px;margin:0 auto;padding:16px}@media(max-width: 1200px){.showcase-container{grid-template-columns:1fr 1fr}.showcase-container .showcase-main{grid-column:1/-1}}@media(max-width: 768px){.showcase-container{grid-template-columns:1fr}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h3{margin:0;font-family:"Bold";font-size:1.6rem;color:#1f4294;text-transform:uppercase;letter-spacing:.5px}.panel-header a{font-size:.95rem;color:#1f4294;text-decoration:none}.panel-header a:hover{text-decoration:underline}.showcase-main{align-self:start}.showcase-main .main-card{display:block;position:relative;overflow:hidden;border-radius:10px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.08)}.showcase-main .main-card .card-img-wrapper{width:100%;height:auto;aspect-ratio:10/7}.showcase-main .main-card .card-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.showcase-main .main-card .card-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.15), transparent)}.showcase-main .main-card .card-content .badge{align-self:flex-start;background:#ffb703;color:#000;padding:6px 12px;border-radius:999px;font-size:.8rem;font-family:"SemiBold";margin-bottom:12px}.showcase-main .main-card .card-content h2{margin:0;color:#fff;font-family:"Bold";font-size:clamp(2rem,3vw,4rem);line-height:1.05}.showcase-main .main-card .card-content p{color:hsla(0,0%,100%,.85);margin-top:12px;max-width:70%}.showcase-main .main-card:hover img{transform:scale(1.03)}.showcase-main .main-card img{transition:.4s ease}.showcase-secondary,.showcase-social{background:#fff;border-radius:10px;border:1px solid #f2f2f2;padding:16px;height:100%;display:flex;flex-direction:column}.showcase-secondary .secondary-list,.showcase-secondary .social-list,.showcase-social .secondary-list,.showcase-social .social-list{display:flex;flex-direction:column;gap:20px}.secondary-item,.social-item{display:flex;gap:16px;text-decoration:none}.secondary-item:hover h4,.social-item:hover h4{color:#1f4294}.secondary-item img,.social-item img{width:150px;height:105px;object-fit:cover;border-radius:10px;flex-shrink:0}.secondary-item .item-info,.social-item .item-info{display:flex;flex-direction:column;justify-content:center}.secondary-item .badge,.social-item .badge{align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:.72rem;font-family:"SemiBold";margin-bottom:8px;text-transform:uppercase}.secondary-item h4,.social-item h4{margin:0 0 8px;font-size:1.4rem;line-height:1.25;color:#212529;font-family:"SemiBold";transition:.2s}.secondary-item .date,.social-item .date{font-size:.9rem;color:#adb5bd}.panel-footer{margin-top:auto;padding-top:20px}.panel-footer .btn-all{display:block;width:100%;border:1px solid #1f4294;color:#1f4294;border-radius:10px;padding:12px 16px;text-align:center;text-decoration:none;transition:.2s}.panel-footer .btn-all:hover{background:#1f4294;color:#fff}.news{width:100%;float:left;padding-top:20px;padding-bottom:40px;font-size:1.4rem}@media only screen and (max-width: 900px){.news{padding-bottom:0}}.news img{max-width:100%;border-radius:10px}.news .news_container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media only screen and (max-width: 900px){.news .news_container{grid-template-columns:1fr}}.news .news_card{width:100%;background-color:#fff;border-radius:10px;overflow:hidden;display:block;text-decoration:none}@media only screen and (max-width: 900px){.news .news_card{padding:20px !important}}.news .news_card:hover .news_card_content h1,.news .news_card:hover .news_card_content .text{text-decoration:underline;color:#1f4294}.news .news_card .news_card_foto{width:100%;padding-bottom:70%;background-size:auto 100%;background-position:center;background-repeat:no-repeat;background-position:center;border-radius:10px}.news .news_card .news_card_content{width:100%;padding:20px 0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;font-size:14px}.news .news_card .news_card_content h1{font-family:"SemiBold";font-size:18px;cursor:pointer;text-align:left;color:#000;transition:color .2s ease}.news .news_card .news_card_content .fecha{font-size:12px;text-align:left}.news .news_card .news_card_content .text{color:#000;text-align:left;transition:color .2s ease}.news .news_card .news_card_content .compartir{margin-left:auto;position:relative}.news .news_card .news_card_content .compartir a{color:#1f4294;font-size:18px;position:relative}.news .news_card .news_card_content .compartir a:hover{color:#ffb703}.news .publicidad{padding-left:20px;display:flex;flex-direction:column;gap:20px}.news .publicidad img{width:100%;border-radius:10px}.news .publicidad .gray{filter:grayscale(1)}@media only screen and (max-width: 900px){.news .publicidad{width:100% !important;padding:20px}}.news .publicidad .social{width:100%;float:left;display:flex;gap:10px}.news .publicidad .social a{width:100%;font-size:12px;color:#1f4294;background-color:#1f4294;padding:5px 10px 6px 10px;display:flex;align-items:center;color:#fff;border-radius:10px}.news .publicidad .social a i{font-size:24px}.news .publicidad .social a:hover{filter:brightness(1.2)}.news .news_footer{width:100%;float:left;padding-top:20px}.news .news_footer a{width:fit-content;float:right;font-size:16px;padding:10px 20px;border:solid 1px #1f4294;color:#1f4294;border-radius:10px}.news .news_footer a:hover{background-color:#1f4294;color:#fff}@media only screen and (max-width: 900px){.news .news_footer{padding:20px}.news .news_footer a{width:100%}}.news .news_article h1{font-size:35px;line-height:40px;font-family:"BoldCondensed";text-transform:uppercase;margin-bottom:20px;color:#343a40;text-align:left}@media(max-width: 900px){.news .news_article h1{font-size:30px;line-height:40px}}.news .news_article .fecha{width:100%;float:left;margin-bottom:20px;font-size:14px;display:flex;justify-content:space-between;align-items:center;padding:10px;border:solid 1px #ced4da;border-color:#ced4da rgba(0,0,0,0) #ced4da rgba(0,0,0,0)}.news .news_article .fecha a{color:#1f4294;font-size:21px}.news .news_article .content{width:100%;float:left;background-color:#fff;padding:10px 0;text-align:left;font-size:18px;line-height:24px;letter-spacing:.5px}.news .news_article .content .w50{width:50%}.news .news_article .content .w100{width:100%}.news .news_article .content .foto50_left{width:50%;height:auto;margin:0 10px 10px 0;float:left}@media(max-width: 900px){.news .news_article .content .foto50_left{width:100%}}.news .news_article .content .foto50_right{width:50%;height:auto;margin:0 0 10px 10px;float:right}@media(max-width: 900px){.news .news_article .content .foto50_right{width:100%}}.news .news_article .content .foto100{width:100%;height:auto;float:left;margin:10px 0}.content ul{list-style-type:disc !important;list-style-position:inside}.content ol{list-style-type:decimal;list-style-position:inside}.content ul ul,.content ol ul{list-style-type:circle;list-style-position:inside;margin-left:15px}.content ol ol,.content ul ol{list-style-type:lower-latin;list-style-position:inside;margin-left:15px}.copy-message{display:none;font-size:11px;color:#fff;padding:5px;background-color:#000;position:absolute;top:-100%;right:100%;white-space:nowrap}.reglamentos{font-family:inherit;line-height:1.6;color:#343a40;max-width:900px;margin:0 auto;background-color:#fff;font-family:"Medium"}.reglamentos .container{text-align:left !important}.reglamentos .reglamento-titulo{font-size:28px;font-family:"Bold";color:#1f4294}.reglamentos h2{color:#162f6b;text-transform:uppercase;margin-bottom:10px}.reglamentos h3{color:#6c757d;border-bottom:2px solid #1f4294;padding-bottom:15px;margin-bottom:30px;font-weight:normal;font-size:1.1em}.reglamentos ol{margin-bottom:30px;padding-left:20px}.reglamentos ol li{margin-bottom:15px;text-align:justify}.reglamentos ol li strong{color:#162f6b}.reglamentos ol li ul,.reglamentos ol li ol{margin-top:10px;margin-bottom:10px;padding-left:25px}.reglamentos ol li ul li,.reglamentos ol li ol li{margin-bottom:5px;text-align:left}.reglamentos a{color:#1f4294;text-decoration:none;font-weight:bold;transition:color .3s ease}.reglamentos a:hover{color:#162f6b;text-decoration:underline}.galeria{width:100%;float:left;padding:40px 0}@media only screen and (max-width: 900px){.galeria{padding:20px 0}}.galeria .container{display:flex;flex-direction:column;gap:20px}@media only screen and (max-width: 900px){.galeria .container{gap:20px}}.galeria .container h1{font-family:"BoldCondensed";color:#1f4294;text-transform:uppercase;text-align:left;display:flex;align-items:stretch;align-content:stretch;font-size:38px}@media only screen and (max-width: 900px){.galeria .container h1{padding:0 20px}}.galeria .container .thumbnails{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:20px}@media only screen and (max-width: 900px){.galeria .container .thumbnails{grid-template-columns:1fr 1fr;padding:20px}}.galeria .container .thumbnails .thumbnail{width:100%;padding-bottom:70%;background-color:rgba(0,0,0,.3);background-size:auto 100%;background-repeat:no-repeat;background-position:center;cursor:pointer}.galeria .container .thumbnails .thumbnail:hover{opacity:.8}.galeria .container .galeria_footer{width:100%;float:left}.galeria .container .galeria_footer a{width:fit-content;float:right;font-size:16px;padding:10px 20px;border:solid 1px #1f4294;color:#1f4294;border-radius:10px}.galeria .container .galeria_footer a:hover{background-color:#1f4294;color:#fff}@media only screen and (max-width: 900px){.galeria .container .galeria_footer{padding:0 20px}.galeria .container .galeria_footer a{width:100%}}.galeria_lista .galeria_lista_content{background-color:#fff;padding:40px}.galeria_lista .galeria_lista_content h1{font-size:40px;line-height:50px;font-family:"MediumCondensed";text-transform:uppercase;margin-bottom:20px}.galeria_lista .galeria_lista_content .grid_btns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.galeria_lista .galeria_lista_content .btn_galeria{width:100%;padding-bottom:70%;background-size:cover;position:relative}.galeria_lista .galeria_lista_content .btn_galeria span{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:5px 0;font-size:14px;background-color:rgba(0,0,0,.8)}.galeria_lista .galeria_lista_content .btn_galeria:hover{filter:brightness(1.2)}.open_foto{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:10000;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;display:none}.open_foto .foto{width:fit-content;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 100px 0 rgba(0,0,0,.3)}.open_foto .foto img{max-width:1200px;width:100%;height:auto;max-height:100vh}.open_foto .foto .descripcion{position:absolute;bottom:0;left:0;right:0;width:100%;background-color:rgba(0,0,0,.8);color:#fff;padding:20px 30px;font-size:16px;font-family:"MediumCondensed";letter-spacing:.5px}.open_foto .foto .flecha{position:absolute;top:50%;height:80px;left:0;font-size:40px;margin-top:-40px;color:#fff;cursor:pointer;text-shadow:4px 4px 18px rgba(0,0,0,.6)}.open_foto .foto .flecha.right{left:auto;right:0}.open_foto .foto .flecha:hover{filter:invert(1)}.open_foto .foto .cerrar{position:absolute;top:5px;right:5px;font-size:14px;padding:5px 20px;color:#fff;cursor:pointer;background-color:rgba(0,0,0,.6);border-radius:10px;text-transform:uppercase}.open_foto .foto .cerrar:hover{filter:invert(1)}.foto_folders{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}@media only screen and (max-width: 900px){.foto_folders{grid-template-columns:1fr}}.foto_folders .folder{width:100%;display:flex;flex-direction:column}.foto_folders .folder .foto{aspect-ratio:10/7;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px}.foto_folders .folder .text{padding:10px;color:#000;font-size:16px;font-family:"Bold"}.foto_folders .folder:hover{filter:brightness(1.2)}.rankings{width:100%;float:left;padding:40px 0}@media only screen and (max-width: 900px){.rankings{padding:20px 0}}.rankings .container{display:flex;flex-direction:column;gap:20px}.rankings .container h1{font-family:"BoldCondensed";color:#1f4294;text-transform:uppercase;text-align:left;display:flex;align-items:stretch;align-content:stretch;font-size:38px}@media only screen and (max-width: 900px){.rankings .container h1{padding:0 20px}}.rankings .container .rankings_contents{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}@media only screen and (max-width: 900px){.rankings .container .rankings_contents{grid-template-columns:1fr 1fr}}.rankings .container .rankings_contents.col1{grid-template-columns:1fr}.rankings .container .rankings_contents.col2{grid-template-columns:1fr 1fr}.rankings .container .rankings_contents.col3{grid-template-columns:1fr 1fr 1fr}.rankings .container .rankings_contents .ranking{padding:20px;font-size:14px;font-family:"MediumCondensed";text-align:left;background-color:#f8f9fa}.rankings .container .rankings_contents .ranking:hover{background-color:#fff}.rankings .container .rankings_contents .ranking h2,.rankings .container .rankings_contents .ranking strong{font-size:21px;font-family:"BoldCondensed";line-height:24px}.rankings .container .rankings_contents .ranking a{color:#1f4294}.rankings .container .rankings_contents .ranking a:hover{text-decoration:underline}.rankings .container .rankings_contents .ranking_portada{display:flex;flex-direction:column}.rankings .container .rankings_contents .ranking_portada:hover{filter:brightness(1.2)}.rankings .container .rankings_contents .ranking_portada .foto{background-color:#1f4294;padding:20px;background-size:auto 100%;background-position:center;background-repeat:no-repeat;width:100%;aspect-ratio:10/7.1;position:relative;float:left;border-radius:10px}.rankings .container .rankings_contents .ranking_portada span{width:100%;float:left;display:flex;justify-content:center;align-items:center;color:#000;font-size:16px;font-family:"Bold";padding:20px}@media only screen and (max-width: 900px){.rankings .container .rankings_contents .ranking_portada span{font-size:16px}}.rankings .container .rankings_footer{width:100%;float:left}.rankings .container .rankings_footer a{width:fit-content;float:right;font-size:16px;padding:10px 20px;border:solid 1px #1f4294;color:#1f4294;border-radius:10px}.rankings .container .rankings_footer a:hover{background-color:#1f4294;color:#fff}@media only screen and (max-width: 900px){.rankings .container .rankings_footer{padding:0 20px}.rankings .container .rankings_footer a{width:100%}}.rankings_years .content{width:100%;float:left;background-color:#fff;padding:40px;text-align:left}.rankings_years .content h1{font-size:40px;line-height:50px;font-family:"MediumCondensed";text-transform:uppercase;margin-bottom:20px}.rankings_years .content .list_years{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.rankings_years .content .list_years a{font-family:"Bold";font-size:1.6rem;background-color:#f2f2f2;color:#1f4294;border:none;text-align:left;padding:16px;border-radius:10px}.rankings_years .content .list_years a:hover{background-color:#dee2e6}@media only screen and (max-width: 900px){.rankings_years .content .list_years{grid-template-columns:1fr}}.contacto form{background-color:#fff;padding:20px;text-align:left;font-size:16px;line-height:24px;letter-spacing:.5px;display:flex;gap:20px;flex-wrap:wrap}.contacto form h1{font-size:40px;line-height:50px;font-family:"MediumCondensed";text-transform:uppercase;margin-bottom:20px}.contacto form .button{font-size:21px;width:100%}.contacto form label{font-family:"MediumCondensed";text-transform:uppercase;font-size:16px}.contacto form input[type=text],.contacto form input[type=email],.contacto form textarea{border-color:#caf0f8}.contacto form input[type=text]:hover,.contacto form input[type=email]:hover,.contacto form textarea:hover{background-color:#ade8f4}.contacto form input[type=submit]{font-family:"MediumCondensed";text-transform:uppercase}.contacto form .mensajes{padding:20px;border:solid 1px #dee2e6;background-color:#f8f9fa;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.contacto form .mensajes a{color:#1f4294;border:solid 1px #1f4294;background-color:#fff;width:fit-content;padding:5px 20px;border-radius:10px}.contacto form .mensajes a:hover{background-color:#1f4294;color:#fff}.contacto form .mensajes.correcto{border-color:#2d8f46;background-color:#d1f3e5}.contacto form .mensajes.error{border-color:#d12937;background-color:#ffe3e7}.contacto fieldset input[type=file]{padding:10px 0;border:none}.contacto fieldset .nota-campo{display:block;font-size:.8em;color:#666;margin-top:5px}.breadcrumb{width:100%;float:left}.breadcrumb ul{padding:0;margin:0}.breadcrumb ul li{float:left;font-size:14px;color:#1f4294;position:relative;padding-right:20px;white-space:nowrap;max-width:390px;overflow:hidden;text-overflow:ellipsis}.breadcrumb ul li a{color:#1f4294;font-family:"SemiBold" d}.breadcrumb ul li a:hover{text-decoration:underline}.breadcrumb ul li::after{content:"/";position:absolute;color:#1f4294;right:5px;top:0px;z-index:1;pointer-events:none;font-size:13px}@media only screen and (max-width: 900px){.breadcrumb ul li{max-width:300px}.breadcrumb ul li span{max-width:300px;overflow:hidden;text-overflow:ellipsis}}.breadcrumb ul li:last-child::after{content:" "}.breadcrumb ul li:nth-child(2){display:none}.button,.circle-button{background-color:#1f4294;color:#fff;cursor:pointer;padding:10px 15px;border-radius:10px;text-align:center;display:inline-block;user-select:none;transition:all .1s linear;font-family:"Regular";letter-spacing:.25px;font-size:13px}.button:hover,.circle-button:hover{filter:brightness(1.2);box-shadow:0 3px 5px rgba(0,0,0,.2)}.button:active,.circle-button:active{filter:brightness(1);box-shadow:0 0 0 rgba(0,0,0,0)}.circle-button{border-radius:50%}.card{display:flex;flex-direction:column;justify-content:stretch;padding:30px;position:relative}.card:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;background-color:#fff;z-index:0;border-radius:10px;border:solid 1px #90e0ef}@media only screen and (max-width: 900px){.card{font-size:16px}}@media only screen and (max-width: 500px){.card{font-size:14px}}@media only screen and (max-width: 350px){.card{font-size:12px}}.card-foto{width:100%;padding-bottom:60%;background-color:#1f4294;background-size:auto 70%;background-repeat:no-repeat;background-position:center;z-index:2;border-radius:10px}.card-foto.apaisado{background-size:90% auto}.card-foto.vertical{background-size:auto 78%}.card-titulo{padding:10px 10px 0 10px;color:#1f4294;font-size:16px;font-family:"Bold";flex-grow:0;z-index:2}.card-copete{padding:10px;font-size:12px;flex-grow:1;text-align:justify;z-index:2}.card-footer{padding:10px 10px 0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;flex-grow:0;z-index:2}.card-footer .button{margin-bottom:10px}.dialog-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1999;height:0;overflow:hidden}.dialog-bg.show{height:100vh}.dialog-bg.up{z-index:2001}.show .dialog-wrap{display:flex;width:100vw}.show .dialog-wrap .dialog-content{opacity:1;transform:scale(1);transition:all .2s ease-in}.dialog-wrap{overflow:hidden;width:0;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:2001;pointer-events:none}.dialog-wrap .dialog-content{opacity:0;transform:scale(0.9)}.dialog-content{width:500px;height:500px;box-shadow:3px 3px 20px 0px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;display:flex;align-items:stretch;flex-direction:column;z-index:2002;pointer-events:auto}.dialog-content .close{margin-top:-5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:20px;color:#1f4294;border-radius:50%;pointer-events:auto}.dialog-content .close:hover{background-color:#f2f2f2}.dialog-content .dialog-footer{border:none}.dialog-header,.dialog-body,.dialog-footer{padding:20px}.dialog-header{display:flex;justify-content:space-between;padding-bottom:0}.dialog-header .dialog-title{font-size:16px;line-height:22px;font-family:"Medium";color:#1f4294}.dialog-body{flex-grow:1;display:flex;align-items:stretch;flex-direction:column}.dialog-search{margin-bottom:10px}.dialog-search form{border-radius:10px;background-color:#f2f2f2;display:flex;overflow:hidden;position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}.dialog-search form:hover{background-color:#dee2e6}.dialog-search form input[type=text]{border:none;background-color:rgba(0,0,0,0);margin:-10px -50px -1px --1px;flex-grow:1;padding:20px;font-size:14px}.dialog-search form input[type=text]::placeholder{color:#6c757d}.dialog-search form button{background-color:rgba(0,0,0,0);position:absolute;right:20px;top:0;bottom:0}.dialog-search form button i{color:#6c757d;font-size:14px}.dialog-usuarios{flex-grow:1;overflow-y:auto}.dialog-usuarios .text{padding:10px 0;color:#212529;font-size:12px}.dialog-usuarios .usuario{padding:10px 0;display:flex;justify-content:flex-start;align-items:center;border-top:solid 1px #dee2e6;font-size:14px}.dialog-usuarios .usuario:hover{background-color:rgba(0,0,0,.03)}.dialog-usuarios .usuario i{font-size:25px;color:#1f4294;margin-right:15px}.dialog-usuarios .usuario strong{width:250px}.dialog-usuarios .usuario .time{font-size:12px;margin-left:auto;color:#adb5bd}.usuario:nth-child(odd) .fa-user-circle{color:#e62e2f}.footer{width:100%;float:left;background-color:#1f4294}.footer .footer_menu a{color:#1f4294;font-size:14px}.footer .footer_menu a::after{content:" |"}.footer .footer_menu a:last-child::after{content:""}.footer .footer_menu a:hover{text-decoration:underline}.footer .datos_mapa{width:100%;float:left;background-color:#fff;height:350px}@media only screen and (max-width: 900px){.footer .datos_mapa{height:auto}}.footer .datos_mapa .container{display:grid;align-items:stretch;height:inherit;grid-template-columns:1fr 1fr}@media only screen and (max-width: 900px){.footer .datos_mapa .container{grid-template-columns:1fr}}.footer .datos_mapa .container .datos{color:#1f4294;padding:20px 0;text-align:left;font-size:16px;display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start}.footer .datos_mapa .container .datos h1{font-size:30px;font-family:"BoldCondensed"}@media only screen and (max-width: 900px){.footer .datos_mapa .container .datos{text-align:center;padding:20px}}.footer .datos_mapa .container .mapa{height:inherit}.footer .datos_mapa .container .mapa iframe{height:inherit;border:0}@media only screen and (max-width: 900px){.footer .datos_mapa .container .mapa{height:300px}}.footer .logo_social{width:100%;float:left;padding:20px 0;color:#fff}@media only screen and (max-width: 900px){.footer .logo_social{padding:20px}}.footer .logo_social .container{display:grid;grid-template-columns:1fr 1fr}.footer .logo_social .container .logo{text-align:left}.footer .logo_social .container .logo img{height:50px}.footer .logo_social .container .social{display:flex;align-items:center;justify-content:flex-end;font-size:30px}.footer .logo_social .container .social a{color:#fff}input[type=text],input[type=password],input[type=date],input[type=email],input[type=tel],textarea{border:solid 1px #90e0ef;padding:5px;width:100%;height:37px;border-radius:.3rem;padding:7px 10px;font-family:"Medium";font-size:14px;color:#1f4294;box-shadow:inset 1px 1px 3px 0rem rgba(31,66,148,.1);background-color:#fff}input[type=text]:hover,input[type=password]:hover,input[type=date]:hover,input[type=email]:hover,input[type=tel]:hover,textarea:hover{outline:none;background-color:rgba(31,66,148,.01)}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{outline:none;border-color:#1f4294;background-color:#fff}input[type=submit]{border:none}.text-edit-wrap .text-input{display:none}.text-edit-wrap.show .text-input{display:block}.text-edit-wrap.show .text-edit,.text-edit-wrap.show .textarea-edit{display:none}.text-edit,.textarea-edit{border:solid 1px #90e0ef;padding:5px;width:100%;height:37px;border-radius:.3rem;padding:4px 10px;font-size:14px;display:flex;justify-content:space-between;letter-spacing:.1px;color:rgba(31,66,148,.7);font-family:"Medium"}.text-edit .text-btn,.textarea-edit .text-btn{font-size:16px;cursor:pointer}.text-edit .text-btn i,.textarea-edit .text-btn i{bottom:10px}.text-edit .text-btn:hover i,.textarea-edit .text-btn:hover i{color:#90e0ef}.text-edit i,.textarea-edit i{color:#1f4294}.textarea-edit{height:auto}.text-input{position:relative;width:100%}.text-input .text-btn{position:absolute;right:11px;top:9px;font-size:14px;cursor:pointer;border-radius:10px;background-color:#90e0ef;color:#fff;line-height:20px}.text-input .text-btn:hover{filter:brightness(1.1)}.text-input .text-btn:hover i{color:#fff}.text-input.fix .text-btn{top:auto;bottom:13px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;filter:invert(70%) sepia() saturate(9000%) hue-rotate(210deg) brightness(1)}textarea{height:auto}label{width:100%;display:inline-block;font-size:13px;color:#1f4294}label.require{float:unset}label.require.text::before{content:"Requerido";position:absolute;top:0px;right:0px;color:#d12937;text-align:right;font-size:11px}legend{width:100%;float:left}fieldset{width:100%;float:left}fieldset.col{display:flex;flex-direction:column}fieldset.row{display:flex}.require{width:100%;float:left;position:relative}.require input,.require textarea,.require .select-selected,.require .check-wrap{border:solid 1px rgba(255,0,0,.6) !important}.require .icon-exclamacion-s{position:absolute;top:50%;margin-top:-14px;right:7px;color:#d12937;font-size:16px}.require.txt::after{content:"Requerido";position:absolute;top:0px;right:0px;color:#d12937;text-align:right;font-size:11px}.input-h{width:100%;float:left;display:flex;align-items:center}.input-h.w-auto{width:auto}.input-h label{flex-shrink:0;width:auto;margin:0;padding-right:10px}.input-h div{width:100%}.input-h .require::before{display:none}.custom-select{position:relative;width:100%}.custom-select select{display:none}.custom-select .select-selected{background-color:#fff;border:solid 1px #90e0ef;border-radius:.3rem}.custom-select .select-selected:hover{background-color:rgba(31,66,148,.035);border:solid 1px #90e0ef}.custom-select .select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid rgba(0,0,0,0);border-color:#1f4294 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.custom-select .select-selected.select-arrow-active:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #1f4294 rgba(0,0,0,0);top:6px}.custom-select .select-selected.select-arrow-active{background-color:#fff;border-color:#90e0ef;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#dee2e6;background-color:rgba(31,66,148,.01)}.custom-select .select-items div,.custom-select .select-selected{color:#1f4294;padding:4px 10px;cursor:pointer;box-shadow:inset 1px 1px 3px 0rem rgba(31,66,148,.1);font-family:"Medium"}.custom-select .select-items div{border-bottom:solid 1px #dee2e6;box-shadow:none;background-color:#fff;box-shadow:0 7px 7px rgba(0,0,0,.2);padding:6px 16px;font-size:13px;color:#1f4294}.custom-select .select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99}.custom-select .select-hide{display:none}.custom-select .select-items div:hover,.custom-select .same-as-selected{background-color:#f2f2f2}.custom-select.disable .select-selected{color:#90e0ef}.custom-select.disable .select-selected.select-arrow-active{background-color:#fff;border:solid 1px #90e0ef;border-radius:.3rem}.custom-select.disable .select-selected:after{position:absolute;content:"";top:16px;right:10px;width:0;height:0;border:6px solid rgba(0,0,0,0);border-color:#1f4294 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.custom-select.disable .select-selected.select-arrow-active:after{position:absolute;content:"";top:16px;right:10px;width:0;height:0;border:6px solid rgba(0,0,0,0);border-color:#1f4294 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.custom-checkbox{width:25px;height:25px;display:inline-block;position:relative;flex-shrink:0}.custom-checkbox input{top:0;left:0;position:absolute;opacity:0;cursor:pointer;transform:scale(1);z-index:1000;width:100%;height:100%}.custom-checkbox .checkmark{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;border:solid 1px #90e0ef;border-radius:.3rem;box-shadow:inset 1px 1px 3px 0rem rgba(31,66,148,.1)}.custom-checkbox:hover input~.checkmark{background-color:rgba(0,0,0,.035)}.custom-checkbox:focus input~.checkmark{border-color:#90e0ef}.custom-checkbox input:checked~.checkmark{background-color:#1f4294;border:solid 1px #1f4294;box-shadow:none}.custom-checkbox .checkmark:after{content:"";width:7px;height:13px;position:absolute;top:4px;left:8px;transform:rotate(45deg);display:none;text-shadow:0 0 5px rgba(0,0,0,.5);border-right:solid 3px #fff;border-bottom:solid 3px #fff}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-switch{position:relative;display:inline-block;flex-basis:50px;height:25px;flex-shrink:0}.custom-switch input{opacity:0;width:0;height:0}.custom-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(144,224,239,.3);-webkit-transition:.4s;transition:.4s}.custom-switch .slider:before{position:absolute;content:"";height:21px;width:21px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s;box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.custom-switch input:checked+.slider{background-color:#1f4294}.custom-switch input:focus+.slider{box-shadow:0 0 1px #1f4294}.custom-switch input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translateX(25px)}.custom-switch .slider{border-radius:10px}.custom-switch .slider:before{border-radius:10px}.custom-radio{width:25px;height:25px;overflow:hidden;float:left;position:relative;cursor:pointer;user-select:none}.custom-radio .nombre{position:absolute;top:0;left:0;width:60px;height:25px;z-index:1001}.custom-radio input{position:absolute;top:3px;left:2px;opacity:0;cursor:pointer;z-index:1000;transform:scale(1.9)}.custom-radio .checkmark{opacity:1;position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border-radius:50%;box-shadow:inset 1px 1px 3px 0rem rgba(31,66,148,.1);border:solid 1px #90e0ef}.custom-radio .checkmark:after{content:"";position:absolute;display:none;top:8px;left:8px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.custom-radio .checkmark:hover{background-color:rgba(0,0,0,.01);border-color:#90e0ef}.custom-radio:hover input~.checkmark{background-color:rgba(0,0,0,.035)}.custom-radio input:checked~.checkmark{background-color:#1f4294;border:#1f4294}.custom-radio input:checked~.checkmark:after{display:block}.custom-password{width:100%;float:left;position:relative}.custom-password .checkmark{position:absolute;right:5px;top:50%;margin-top:16px;font-size:25px;width:30px;height:30px}.custom-password input[type=password]{width:100%}.custom-password input[type=checkbox]{font-size:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;z-index:10}.custom-password input:checked~.icon-ojo{display:block}.custom-password input:checked~.icon-ojo-cerrado{display:none}.custom-password .icon-ojo,.custom-password .icon-ojo-cerrado{position:absolute;top:3px;left:-3px;font-size:23px;width:30px;height:30px;z-index:1000;pointer-events:none;color:#1f4294}.custom-password .icon-ojo{color:#1f4294;display:none}.custom-password.txt::after{top:-20px}.input-icon{position:relative}.input-icon input{padding-left:37px}.input-icon .i-icon{position:absolute;width:35px;top:1px;left:1px;bottom:1px;background-color:rgba(0,0,0,0);color:#90e0ef;font-size:20px;display:flex;align-items:center;justify-content:center;border-top-left-radius:2px;border-bottom-left-radius:2px}.input-button{position:relative}.input-button input{padding-right:37px}.input-button button{position:absolute;width:29px;height:29px;right:4px;bottom:4px;background-color:rgba(144,224,239,.1);color:#1f4294;display:flex;align-items:center;justify-content:center;border-radius:10px}.input-button button.txt{width:auto;font-size:12px;padding-right:10px}.input-button button i{font-size:20px}.input-button button:hover{color:#1f4294;background-color:rgba(144,224,239,.1)}.check-wrap{width:100%;float:left;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:solid 1px #90e0ef;padding:5px 5px 5px 10px;border-radius:10px;margin-bottom:5px}.check-wrap label{margin:0}.check-wrap .check-title{float:left}.check-wrap .custom-radio{flex-basis:28px}.check-wrap .custom-switch{flex-basis:50px}@media only screen and (max-width: 900px){.check-wrap .custom-switch{flex-basis:62px}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("../images/arrow.svg") no-repeat 95% center;background-size:10px 10px;padding:5px 10px;border:1px solid #1f4294;border-radius:10px;font-size:14px;line-height:1.5;color:#1f4294;font-family:"Regular";width:100%}select:focus{background:url("../images/arrow-up.svg") no-repeat 95% center;background-size:10px 10px;border:1px solid #162f6b;outline:none}.pagination{margin-top:30px;display:flex;flex-wrap:wrap;gap:5px;font-size:14px}.pagination.right{float:right}.pagination a{color:#1f4294;float:left;padding:5px 8px;text-decoration:none;min-width:30px;text-align:center}.pagination a.active{background-color:#1f4294;color:#fff !important}.pagination a.active:hover{background-color:rgba(144,224,239,.5)}.pagination a:hover{background-color:#ececec}.pagination .arrow:hover{background-color:rgba(0,0,0,0);color:rgba(144,224,239,.5)}.pagination.bg_blue a{color:#fff}.pagination.bg_blue a.active{background-color:#fff;color:#1f4294 !important}.pagination.bg_blue a.active:hover{background-color:hsla(0,0%,100%,.5)}.pagination.bg_blue a:hover{background-color:hsla(0,0%,100%,.1)}.pagination.bg_blue .arrow:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.5)}.table{width:100%;overflow-x:auto}.table table{width:100%;border-collapse:collapse}.table table thead{color:#1f4294 !important;font-family:"SemiBold" d !important;text-align:center !important}.table table thead th{border-bottom:solid 1px #90e0ef !important;padding:1rem !important;line-height:1.6rem !important;color:#1f4294 !important;vertical-align:top;white-space:nowrap}.table table thead th i{font-size:1.4rem !important}.table table thead th .custom-checkbox{margin-bottom:-0.5rem !important}.table table thead th .icon-calendar-s{font-size:1.6rem !important}.table table thead .MuiTableCell-head{color:#1f4294 !important}.table table tbody tr{border-bottom:solid 1px #dee2e6;background-color:#f8f9fa}.table table tbody tr:nth-child(odd){background-color:#fff}.table table tbody tr:hover{background-color:#f2f2f2}.table table tbody tr td{height:6rem;text-align:center;vertical-align:middle;padding:0 1rem}.table table tbody tr .circle-button{color:#1f4294;background-color:rgba(0,0,0,0);font-size:1.6rem;padding:unset}.table table tbody tr .circle-button:hover{box-shadow:none;filter:brightness(1);color:rgba(31,66,148,.6)}.table-state .table-state-icon,.table-state-ayuda .table-state-icon{position:relative;border-radius:50%;display:inline-block;font-family:"iconos";font-size:2.2rem}.table-state .table-state-icon i::before,.table-state-ayuda .table-state-icon i::before{margin-left:0 !important;margin-right:0 !important}.table-state .table-state-icon:hover>.table-state-tip,.table-state-ayuda .table-state-icon:hover>.table-state-tip{display:inline-block}.table-state .table-state-icon:hover~.table,.table-state-ayuda .table-state-icon:hover~.table{overflow-x:visible}.table-state .table-state-icon .table-state-tip,.table-state-ayuda .table-state-icon .table-state-tip{position:absolute;font-size:11px;background-color:#1f4294;color:#fff;font-family:"Regular";padding:.7rem;right:100%;transform:translateX(-10px);bottom:1px;z-index:1000;width:auto;line-height:1rem;display:none;white-space:nowrap}.table-state .table-state-icon .table-state-tip::after,.table-state-ayuda .table-state-icon .table-state-tip::after{content:"";background-color:#1f4294;width:6px;height:6px;transform:rotate(45deg);position:absolute;right:-3px;top:50%;margin-top:-3px}.table-state-ayuda{padding:1rem}.table-state-ayuda .separator{margin-bottom:1.5rem}.table-state-ayuda .table-state-icon{position:relative;font-family:"iconos_asse";font-size:3rem;display:flex;flex-wrap:nowrap;margin-bottom:.5rem}.table-state-ayuda .table-state-icon i{flex-grow:0;width:auto;font-size:2rem;margin-right:1rem}.table-state-ayuda .table-state-icon .table-state-tip{width:90%;flex-grow:1;display:flex;align-items:center;position:static;font-size:1.2rem;background-color:rgba(0,0,0,0);color:#1f4294;font-family:"Regular";padding:0;left:unset;top:unset;transform:translateX(0);z-index:1000}.table-state-ayuda .table-state-icon .table-state-tip::after{display:none}.table-state-ayuda .table-state-icon .table-state-tip:hover{display:flex !important}.table-btn-order{color:#1f4294;font-family:"SemiBold" d;font-size:1.4rem}.table-btn-order i{opacity:.3;display:inline-block !important;transition:all .2s linear;filter:grayscale(1)}.table-btn-order:hover i{opacity:1;filter:grayscale(0)}.table-btn-order.r180 i{transform:rotate(180deg)}.letter-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:1.3px 6px 1.5px 6rpx;border:solid 1px #1f4294;color:#1f4294;font-family:"Bold"}.br-red{border:solid 1px #d12937;color:#d12937;background-color:rgba(0,0,0,0)}.br-green{border:solid 1px #2d8f46;color:#2d8f46;background-color:rgba(0,0,0,0)}.br-blue{border:solid 1px #1f4294;color:#1f4294;background-color:rgba(0,0,0,0)}.br-cian{border:solid 1px #009de1;color:#009de1;background-color:rgba(0,0,0,0)}.br-yellow{border:solid 1px #ffcc03;color:#000;background-color:rgba(0,0,0,0)}.br-orange{border:solid 1px #d45230;color:#d45230;background-color:rgba(0,0,0,0)}.br-gray{border:solid 1px #adb5bd;color:#adb5bd;background-color:rgba(0,0,0,0)}.br-gray-light{border:solid 1px #dee2e6;color:#dee2e6;background-color:rgba(0,0,0,0)}.bg-red{background-color:#d12937;color:#fff}.bg-green{background-color:#2d8f46;color:#fff}.bg-blue{background-color:#1f4294;color:#fff}.bg-cian{background-color:#009de1;color:#fff}.bg-yellow{background-color:#ffcc03;color:#000}.bg-orange{background-color:#d45230;color:#fff}.bg-gray{background-color:#adb5bd;color:#fff}.bg-white{background-color:#fff;color:#000}.bg-transparent{background-color:rgba(0,0,0,0) !important}.txt-left{text-align:left !important}.txt-right{text-align:right !important}.txt-center{text-align:center !important}.p0{padding:0}.desktop{display:block !important}.desktop.d-flex{display:flex !important}.mobile{display:none !important}.mobile.d-flex{display:none !important}@media only screen and (max-width: 900px){.desktop{display:none !important}.desktop.d-flex{display:none !important}.mobile{display:block !important}.mobile.d-flex{display:flex !important}}.text-primary{color:#1f4294}.text-primary-light{color:#90e0ef}.text-blue{color:#1f4294}.text-red{color:#d12937}.text-green{color:#2d8f46}.text-olive{color:#9b7c00}.text-gray-light{color:#dee2e6}.text-gray{color:#6c757d}.text-graydark{color:#212529}.d-flex{display:flex}.f-left{float:left}.f-right{float:right}.d-center{display:flex;justify-content:center;align-items:center}.flex-j-start{justify-content:flex-start}.flex-j-end{justify-content:flex-end}.flex-j-center{justify-content:center}.flex-a-start{align-content:flex-start}.flex-a-end{align-content:flex-end}.flex-a-end{align-content:center}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.separator{width:100%;float:left;padding-top:13px;margin-bottom:15px}.separator.s{padding-top:3px;margin-bottom:4px}.separator.m{padding-top:6px;margin-bottom:8px}.separator.g{padding-top:33px;margin-bottom:35px}.separator.line{border-bottom:solid 1px #90e0ef}.separator-ib{width:100%;display:inline-block;padding-top:13px;margin-bottom:15px}.separator-ib.s{padding-top:3px;margin-bottom:4px}.separator-ib.m{padding-top:6px;margin-bottom:8px}.separator-ib.g{padding-top:33px;margin-bottom:35px}.separator-ib.line{border-bottom:solid 2px #90e0ef}.v-stretch{display:flex;align-items:stretch;flex-wrap:wrap}.v-top{display:flex;align-items:flex-start}.w1{width:1% !important}.w2{width:2% !important}.w3{width:3% !important}.w4{width:4% !important}.w5{width:5% !important}.w6{width:6% !important}.w7{width:7% !important}.w8{width:8% !important}.w9{width:9% !important}.w10{width:10% !important}.w11{width:11% !important}.w12{width:12% !important}.w13{width:13% !important}.w14{width:14% !important}.w15{width:15% !important}.w16{width:16% !important}.w17{width:17% !important}.w18{width:18% !important}.w19{width:19% !important}.w20{width:20% !important}.w21{width:21% !important}.w22{width:22% !important}.w23{width:23% !important}.w24{width:24% !important}.w25{width:25% !important}.w26{width:26% !important}.w27{width:27% !important}.w28{width:28% !important}.w29{width:29% !important}.w30{width:30% !important}.w31{width:31% !important}.w32{width:32% !important}.w33{width:33% !important}.w34{width:34% !important}.w35{width:35% !important}.w36{width:36% !important}.w37{width:37% !important}.w38{width:38% !important}.w39{width:39% !important}.w40{width:40% !important}.w41{width:41% !important}.w42{width:42% !important}.w43{width:43% !important}.w44{width:44% !important}.w45{width:45% !important}.w46{width:46% !important}.w47{width:47% !important}.w48{width:48% !important}.w49{width:49% !important}.w50{width:50% !important}.w51{width:51% !important}.w52{width:52% !important}.w53{width:53% !important}.w54{width:54% !important}.w55{width:55% !important}.w56{width:56% !important}.w57{width:57% !important}.w58{width:58% !important}.w59{width:59% !important}.w60{width:60% !important}.w61{width:61% !important}.w62{width:62% !important}.w63{width:63% !important}.w64{width:64% !important}.w65{width:65% !important}.w66{width:66% !important}.w67{width:67% !important}.w68{width:68% !important}.w69{width:69% !important}.w70{width:70% !important}.w71{width:71% !important}.w72{width:72% !important}.w73{width:73% !important}.w74{width:74% !important}.w75{width:75% !important}.w76{width:76% !important}.w77{width:77% !important}.w78{width:78% !important}.w79{width:79% !important}.w80{width:80% !important}.w81{width:81% !important}.w82{width:82% !important}.w83{width:83% !important}.w84{width:84% !important}.w85{width:85% !important}.w86{width:86% !important}.w87{width:87% !important}.w88{width:88% !important}.w89{width:89% !important}.w90{width:90% !important}.w91{width:91% !important}.w92{width:92% !important}.w93{width:93% !important}.w94{width:94% !important}.w95{width:95% !important}.w96{width:96% !important}.w97{width:97% !important}.w98{width:98% !important}.w99{width:99% !important}.w100{width:100% !important}.w-1{width:1px !important}.w-2{width:2px !important}.w-3{width:3px !important}.w-4{width:4px !important}.w-5{width:5px !important}.w-6{width:6px !important}.w-7{width:7px !important}.w-8{width:8px !important}.w-9{width:9px !important}.w-10{width:10px !important}.w-11{width:11px !important}.w-12{width:12px !important}.w-13{width:13px !important}.w-14{width:14px !important}.w-15{width:15px !important}.w-16{width:16px !important}.w-17{width:17px !important}.w-18{width:18px !important}.w-19{width:19px !important}.w-20{width:20px !important}.w-21{width:21px !important}.w-22{width:22px !important}.w-23{width:23px !important}.w-24{width:24px !important}.w-25{width:25px !important}.w-26{width:26px !important}.w-27{width:27px !important}.w-28{width:28px !important}.w-29{width:29px !important}.w-30{width:30px !important}.w-31{width:31px !important}.w-32{width:32px !important}.w-33{width:33px !important}.w-34{width:34px !important}.w-35{width:35px !important}.w-36{width:36px !important}.w-37{width:37px !important}.w-38{width:38px !important}.w-39{width:39px !important}.w-40{width:40px !important}.w-41{width:41px !important}.w-42{width:42px !important}.w-43{width:43px !important}.w-44{width:44px !important}.w-45{width:45px !important}.w-46{width:46px !important}.w-47{width:47px !important}.w-48{width:48px !important}.w-49{width:49px !important}.w-50{width:50px !important}.w-51{width:51px !important}.w-52{width:52px !important}.w-53{width:53px !important}.w-54{width:54px !important}.w-55{width:55px !important}.w-56{width:56px !important}.w-57{width:57px !important}.w-58{width:58px !important}.w-59{width:59px !important}.w-60{width:60px !important}.w-61{width:61px !important}.w-62{width:62px !important}.w-63{width:63px !important}.w-64{width:64px !important}.w-65{width:65px !important}.w-66{width:66px !important}.w-67{width:67px !important}.w-68{width:68px !important}.w-69{width:69px !important}.w-70{width:70px !important}.w-71{width:71px !important}.w-72{width:72px !important}.w-73{width:73px !important}.w-74{width:74px !important}.w-75{width:75px !important}.w-76{width:76px !important}.w-77{width:77px !important}.w-78{width:78px !important}.w-79{width:79px !important}.w-80{width:80px !important}.w-81{width:81px !important}.w-82{width:82px !important}.w-83{width:83px !important}.w-84{width:84px !important}.w-85{width:85px !important}.w-86{width:86px !important}.w-87{width:87px !important}.w-88{width:88px !important}.w-89{width:89px !important}.w-90{width:90px !important}.w-91{width:91px !important}.w-92{width:92px !important}.w-93{width:93px !important}.w-94{width:94px !important}.w-95{width:95px !important}.w-96{width:96px !important}.w-97{width:97px !important}.w-98{width:98px !important}.w-99{width:99px !important}.w-100{width:100px !important}.w-101{width:101px !important}.w-102{width:102px !important}.w-103{width:103px !important}.w-104{width:104px !important}.w-105{width:105px !important}.w-106{width:106px !important}.w-107{width:107px !important}.w-108{width:108px !important}.w-109{width:109px !important}.w-110{width:110px !important}.w-111{width:111px !important}.w-112{width:112px !important}.w-113{width:113px !important}.w-114{width:114px !important}.w-115{width:115px !important}.w-116{width:116px !important}.w-117{width:117px !important}.w-118{width:118px !important}.w-119{width:119px !important}.w-120{width:120px !important}.w-121{width:121px !important}.w-122{width:122px !important}.w-123{width:123px !important}.w-124{width:124px !important}.w-125{width:125px !important}.w-126{width:126px !important}.w-127{width:127px !important}.w-128{width:128px !important}.w-129{width:129px !important}.w-130{width:130px !important}.w-131{width:131px !important}.w-132{width:132px !important}.w-133{width:133px !important}.w-134{width:134px !important}.w-135{width:135px !important}.w-136{width:136px !important}.w-137{width:137px !important}.w-138{width:138px !important}.w-139{width:139px !important}.w-140{width:140px !important}.w-141{width:141px !important}.w-142{width:142px !important}.w-143{width:143px !important}.w-144{width:144px !important}.w-145{width:145px !important}.w-146{width:146px !important}.w-147{width:147px !important}.w-148{width:148px !important}.w-149{width:149px !important}.w-150{width:150px !important}.w-151{width:151px !important}.w-152{width:152px !important}.w-153{width:153px !important}.w-154{width:154px !important}.w-155{width:155px !important}.w-156{width:156px !important}.w-157{width:157px !important}.w-158{width:158px !important}.w-159{width:159px !important}.w-160{width:160px !important}.w-161{width:161px !important}.w-162{width:162px !important}.w-163{width:163px !important}.w-164{width:164px !important}.w-165{width:165px !important}.w-166{width:166px !important}.w-167{width:167px !important}.w-168{width:168px !important}.w-169{width:169px !important}.w-170{width:170px !important}.w-171{width:171px !important}.w-172{width:172px !important}.w-173{width:173px !important}.w-174{width:174px !important}.w-175{width:175px !important}.w-176{width:176px !important}.w-177{width:177px !important}.w-178{width:178px !important}.w-179{width:179px !important}.w-180{width:180px !important}.w-181{width:181px !important}.w-182{width:182px !important}.w-183{width:183px !important}.w-184{width:184px !important}.w-185{width:185px !important}.w-186{width:186px !important}.w-187{width:187px !important}.w-188{width:188px !important}.w-189{width:189px !important}.w-190{width:190px !important}.w-191{width:191px !important}.w-192{width:192px !important}.w-193{width:193px !important}.w-194{width:194px !important}.w-195{width:195px !important}.w-196{width:196px !important}.w-197{width:197px !important}.w-198{width:198px !important}.w-199{width:199px !important}.w-200{width:200px !important}.w-201{width:201px !important}.w-202{width:202px !important}.w-203{width:203px !important}.w-204{width:204px !important}.w-205{width:205px !important}.w-206{width:206px !important}.w-207{width:207px !important}.w-208{width:208px !important}.w-209{width:209px !important}.w-210{width:210px !important}.w-211{width:211px !important}.w-212{width:212px !important}.w-213{width:213px !important}.w-214{width:214px !important}.w-215{width:215px !important}.w-216{width:216px !important}.w-217{width:217px !important}.w-218{width:218px !important}.w-219{width:219px !important}.w-220{width:220px !important}.w-221{width:221px !important}.w-222{width:222px !important}.w-223{width:223px !important}.w-224{width:224px !important}.w-225{width:225px !important}.w-226{width:226px !important}.w-227{width:227px !important}.w-228{width:228px !important}.w-229{width:229px !important}.w-230{width:230px !important}.w-231{width:231px !important}.w-232{width:232px !important}.w-233{width:233px !important}.w-234{width:234px !important}.w-235{width:235px !important}.w-236{width:236px !important}.w-237{width:237px !important}.w-238{width:238px !important}.w-239{width:239px !important}.w-240{width:240px !important}.w-241{width:241px !important}.w-242{width:242px !important}.w-243{width:243px !important}.w-244{width:244px !important}.w-245{width:245px !important}.w-246{width:246px !important}.w-247{width:247px !important}.w-248{width:248px !important}.w-249{width:249px !important}.w-250{width:250px !important}.w-251{width:251px !important}.w-252{width:252px !important}.w-253{width:253px !important}.w-254{width:254px !important}.w-255{width:255px !important}.w-256{width:256px !important}.w-257{width:257px !important}.w-258{width:258px !important}.w-259{width:259px !important}.w-260{width:260px !important}.w-261{width:261px !important}.w-262{width:262px !important}.w-263{width:263px !important}.w-264{width:264px !important}.w-265{width:265px !important}.w-266{width:266px !important}.w-267{width:267px !important}.w-268{width:268px !important}.w-269{width:269px !important}.w-270{width:270px !important}.w-271{width:271px !important}.w-272{width:272px !important}.w-273{width:273px !important}.w-274{width:274px !important}.w-275{width:275px !important}.w-276{width:276px !important}.w-277{width:277px !important}.w-278{width:278px !important}.w-279{width:279px !important}.w-280{width:280px !important}.w-281{width:281px !important}.w-282{width:282px !important}.w-283{width:283px !important}.w-284{width:284px !important}.w-285{width:285px !important}.w-286{width:286px !important}.w-287{width:287px !important}.w-288{width:288px !important}.w-289{width:289px !important}.w-290{width:290px !important}.w-291{width:291px !important}.w-292{width:292px !important}.w-293{width:293px !important}.w-294{width:294px !important}.w-295{width:295px !important}.w-296{width:296px !important}.w-297{width:297px !important}.w-298{width:298px !important}.w-299{width:299px !important}.w-300{width:300px !important}.c-pointer{cursor:pointer}.p-relative{position:relative !important}.alerta-senade{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:15px;margin-bottom:20px;border-radius:10px;font-size:1.2em;line-height:1.5}.alerta-senade a{color:#856404;text-decoration:underline;font-weight:bold}.alerta-senade a:hover{color:#533f03}.licencia-wrapper{margin-bottom:25px;border-radius:10px;overflow:hidden;font-family:"SemiBold",sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05);font-size:1.4rem}.licencia-wrapper.activa{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:20px;display:flex;align-items:center}.licencia-wrapper.activa .icono{font-size:2rem;margin-right:15px}.licencia-wrapper.activa .texto h3{margin:0;font-size:1.4rem;color:#155724}.licencia-wrapper.activa .texto p{margin:5px 0 0 0;font-size:.95rem}.licencia-wrapper.pendiente{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:15px}.licencia-wrapper.pendiente strong{color:#533f03;font-size:1.8rem}.licencia-wrapper.pendiente p{margin:5px 0 0 0;font-size:1.2rem;line-height:1.4}.mensajes{padding:15px;margin-bottom:20px;border-radius:10px;font-weight:bold;text-align:center;border:1px solid rgba(0,0,0,0);font-size:1.4rem}.mensajes.correcto{background-color:#d1e7dd;color:#0f5132;border-color:#badbcc;box-shadow:0 2px 4px rgba(0,0,0,.05)}.mensajes.error{background-color:#f8d7da;color:#842029;border-color:#f5c2c7}.confirmacion-wrapper{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px}.card-confirmacion{background-color:#fff;max-width:600px;width:100%;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center;padding:50px 30px;border:1px solid #eaeaea}.card-confirmacion .icono-estado{font-size:80px;margin-bottom:20px;display:inline-block}.card-confirmacion h1{font-family:"Bold",sans-serif;font-size:2.2rem;margin-bottom:15px;color:#333}.card-confirmacion h3{font-family:"SemiBold",sans-serif;font-size:1.5rem;color:#555;margin-bottom:20px}.card-confirmacion p{font-family:"Regular",sans-serif;font-size:1.2rem;line-height:1.6;color:#666;margin-bottom:30px}.card-confirmacion .btn-accion{display:inline-block;background-color:#007bff;color:#fff;padding:15px 40px;font-size:1.1rem;font-family:"SemiBold",sans-serif;text-decoration:none;border-radius:10px;transition:transform .2s,box-shadow .2s}.card-confirmacion .btn-accion:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,123,255,.3)}.card-confirmacion.exito{border-top:5px solid #28a745}.card-confirmacion.exito .icono-estado{color:#28a745}.card-confirmacion.error{border-top:5px solid #dc3545}.card-confirmacion.error .icono-estado{color:#dc3545}.card-confirmacion.alerta{border-top:5px solid #ffc107}.card-confirmacion.alerta .icono-estado{color:#ffc107}.checklist-container{background:#fff;border:1px solid #e1e1e1;border-radius:10px;padding:30px;margin-bottom:40px;text-align:left !important}.checklist-container .checklist-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #f0f0f0;padding-bottom:20px;margin-bottom:25px}.checklist-container .checklist-header h3{margin:0;font-size:2rem;color:#333;font-weight:800}.checklist-container .checklist-header .status-badge{font-size:1.1rem;padding:8px 18px;border-radius:10px;color:#fff;font-weight:bold;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.checklist-container .checklist-header .status-badge.status-ok{background-color:#28a745}.checklist-container .checklist-header .status-badge.status-error{background-color:#dc3545}.checklist-container .check-item{display:flex;align-items:center;padding:25px 0;border-bottom:2px solid #f5f5f5;gap:20px}.checklist-container .check-item:last-child{border-bottom:none}.checklist-container .check-item .check-icon{font-size:3rem;width:auto;min-width:50px;text-align:center;line-height:1;flex-shrink:0}.checklist-container .check-item .check-content{flex:1;text-align:left !important}.checklist-container .check-item .check-content h4{margin:0 0 5px 0;font-size:1.6rem;color:#222;font-weight:700}.checklist-container .check-item .check-content p{margin:0;color:#555;font-size:1.3rem;line-height:1.4}.checklist-container .btn-mp{background-color:#009ee3;color:#fff;border:none;padding:15px 30px;border-radius:10px;cursor:pointer;font-size:1.2rem;margin-top:15px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;box-shadow:0 4px 6px rgba(0,158,227,.3);transition:transform .2s,background .3s}.checklist-container .btn-mp:hover{background-color:#007eb5;transform:translateY(-2px)}.perfil_secciones{margin-top:50px;font-size:2rem;font-family:"Bold";color:#1f4294;margin-bottom:20px;text-align:center;width:100%;background:linear-gradient(to top, #dee2e6, transparent)}.perfil_secciones::after{content:"";border-top:2px solid #1f4294;width:100%;border-radius:20px 20px 0 0;height:20px;display:block;margin-bottom:10px;background-color:#fff;margin-top:5px}/* ===================== MOSAIC CSS ===================== */ .mosaic-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; gap: 5px; max-width: 1300px; margin: 0 auto;
    width: 100% !important; padding: 16px; } @media (max-width: 1200px) { .mosaic-container { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .mosaic-container .mosaic-main { grid-column: span 2; height: 400px; } .mosaic-container .mosaic-item:not(.mosaic-main) { height: 250px; } } @media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; } .mosaic-container { grid-template-columns: 1fr; } .mosaic-container .mosaic-main { grid-column: span 1; height: 350px; } } .mosaic-item { position: relative; overflow: hidden; border-radius: 0; text-decoration: none; display: block; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .mosaic-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block; } .mosaic-item:hover img { transform: scale(1.05); } .mosaic-main { grid-column: span 2; grid-row: span 2; } .mosaic-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; background: transparent; } .mosaic-content .badge { align-self: flex-start; padding: 6px 12px; border-radius: 999px; font-size: 0.8rem; font-family: "SemiBold"; margin-bottom: 12px; text-transform: uppercase; box-shadow: 0 2px 5px rgba(0,0,0,0.3); } .mosaic-content h2 { margin: 0; color: white; font-family: "Bold"; line-height: 1.1; } .mosaic-content p { color: rgba(255, 255, 255, 0.85); margin-top: 10px; font-size: 1.1rem; max-width: 90%; } .mosaic-main .mosaic-content h2 { font-size: clamp(1.8rem, 2.5vw, 3rem); } .mosaic-item:not(.mosaic-main) .mosaic-content h2 { font-size: clamp(1.2rem, 1.5vw, 1.6rem); } /* ===================== MOSAIC CSS END ===================== */ /*# sourceMappingURL=main.css.map */

/* ===================== PUBLICIDAD HORIZONTAL ===================== */

.publicidad-horizontal {

    display: flex;

    flex-direction: row;

    width: 100%;

    height: 120px;

    gap: 5px;

    margin-top: 20px;

    margin-bottom: 20px;

}

@media (max-width: 900px) {

    .publicidad-horizontal {

        flex-direction: column;

        height: auto;

    }

    .publicidad-horizontal .banner-item {

        height: 100px;

        width: 100%;

    }

    .publicidad-horizontal .social-block {

        flex-direction: row !important;

        height: 60px;

        width: 100%;

    }

    .publicidad-horizontal .social-btn {

        flex: 1;

        height: 100%;

    }

}

.publicidad-horizontal .banner-item {

    flex: 1;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius:10px;

    transition: transform 0.3s ease;

    display: block;

    text-decoration: none;

}

.publicidad-horizontal .banner-item:hover {

    transform: scale(1.02);

}

.publicidad-horizontal .social-block {

    flex: 0 0 80px;

    display: flex;

    flex-direction: column;

    gap: 5px;

}

.publicidad-horizontal .social-btn {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #1f4294;

    color: white;

    border-radius:10px;

    font-size: 28px;

    text-decoration: none;

    transition: all 0.3s ease;

}

.publicidad-horizontal .social-btn:hover {

    background: #032b8c;

    color: #ffb703;

    transform: scale(1.05);

}

/* ===================== PUBLICIDAD HORIZONTAL END ===================== */

/* ===================== BADGE COLORS ===================== */

.badge-social { background: #28a745 !important; color: #000 !important; }

.badge-ranking { background: #ffc107 !important; color: #000 !important; }

.badge-fixture { background: #00d2ff !important; color: #000 !important; }

.badge-noticias { background: #ffb703 !important; color: #000 !important; }

.badge-torneos { background: #ffb703 !important; color: #000 !important; }

.badge-institucional { background: #ffb703 !important; color: #000 !important; }

/* ===================== BADGE COLORS END ===================== */















/* Ajustes publicidad vertical */

.publicidad .social { display: flex; flex-direction: row; gap: 5px; margin-bottom: 20px; }

.publicidad .social a { display: block !important; flex: 1; width: auto !important; box-sizing: border-box; text-align: center; padding: 10px 5px; font-size: 0.85rem; }

.publicidad > a {

    display: block;

    margin-bottom: 15px;

}

.publicidad img {

    width: 100%;

    height: auto;

    display: block;

}



/* Hover Shine animation */

.btn-shine::after {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);

    transform: skewX(-25deg);

    z-index: 1;

    transition: left 0.7s ease;

}

.btn-shine:hover::after {

    left: 200%;

}

.btn-shine:hover {

    transform: translateY(-2px);

}









/* Override Redes Sociales - Square & Diagonal layout */

.publicidad .social {

    display: flex !important;

    flex-direction: row !important;

    gap: 10px !important;

    margin-bottom: 20px !important;

}

.publicidad .social a {

    flex: 1 !important;

    aspect-ratio: 1 / 1 !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: space-between !important;

    align-items: stretch !important;

    background-color: #0044cc !important;

    color: white !important;

    padding: 10px !important;

    box-sizing: border-box !important;

    border-radius: 10px !important; /* Keep internal borders slightly rounded or 0? Usually 10px is fine for them, but user asked outer corners. Let's do 0 here and do outer corners on the container later */

    text-decoration: none !important;

    border-radius: 0 !important;

}

.publicidad .social a i {

    align-self: flex-end !important;

    font-size: 1.5rem !important;

    margin: 0 !important;

}

.publicidad .social a span {

    align-self: flex-start !important;

    font-size: 0.8rem !important;

    font-family: 'SemiBold', sans-serif !important;

    word-break: break-all;

}





/* Reset border-radius inner for outer-corner effect */

.news_card { border-radius: 0 !important; }

.news_card .news_card_foto { border-radius: 0 !important; }

.publicidad img { border-radius: 0 !important; }

.galeria .folder { border-radius: 0 !important; }

.galeria .folder .foto { border-radius: 0 !important; }





/* Outer corners for Publicidad */

.publicidad .social a:last-child {

    border-top-right-radius: 10px !important;

}

.publicidad > a:last-of-type img {

    border-bottom-right-radius: 10px !important;

}





/* Outer corners for Galeria */

.galeria .folder:first-child {

    border-top-left-radius: 10px !important;

    border-bottom-left-radius: 10px !important;

}

.galeria .folder:first-child .foto {

    border-top-left-radius: 10px !important;

}

.galeria .folder:last-child {

    border-top-right-radius: 10px !important;

    border-bottom-right-radius: 10px !important;

}

.galeria .folder:last-child .foto {

    border-top-right-radius: 10px !important;

}





/* Global Gap Unification */

.mosaic-container {

    gap: 8px !important;

    padding: 0 !important; /* Match bootstrap container padding */

}

.news_container {

    gap: 8px !important;

}

.galeria .foto_folders {

    gap: 8px !important;

}

.publicidad .social {

    gap: 8px !important;

}



/* Social Buttons tweaks */

.publicidad .social a {

    aspect-ratio: auto !important;

    height: 70px !important; /* Fixed height to make it a rectangle (half of square) */

    border-radius: 10px !important; /* All 4 corners */

    background-color: #1f4294 !important; /* Muted corporate blue */

    padding: 10px 15px !important;

}

.publicidad .social a i {

    font-size: 2.2rem !important;

}

.publicidad .social a span {

    font-size: 1.3rem !important;

}



/* Reset outer corners of publicidad */

.publicidad .social a:last-child {

    border-top-right-radius: 10px !important; /* was for block, but now all 4 corners have 10px */

}

.publicidad > a:last-of-type img {

    border-bottom-right-radius: 0 !important; /* Remove outer corner from ad banner */

}







/* Custom layout for main row to have 8px gap between 75% and 25% */

.main-grid-row {

    display: flex !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;

    margin: 0 !important; /* Remove negative margins from row */

}

@media (min-width: 992px) {

    .main-grid-row > .col-9 {

        flex: 0 0 calc(75% - 4px) !important;

        max-width: calc(75% - 4px) !important;

    }

    .main-grid-row > .col-3 {

        flex: 0 0 calc(25% - 4px) !important;

        max-width: calc(25% - 4px) !important;

    }

}

.main-grid-row > .col-12 {

    flex: 0 0 100% !important;

    max-width: 100% !important;

}













/* Responsive Layout Fixes */

@media (max-width: 991px) {

    .main-layout-container {

        padding-left: 8px !important;

        padding-right: 8px !important;

    }

    

    .main-grid-row {

        flex-wrap: wrap !important;

    }

    

    .main-grid-row > .col-9, .main-grid-row > .col-3 {

        flex: 0 0 100% !important;

        max-width: 100% !important;

    }

    

    /* On mobile, ALL news cards should be fully rounded */

    .news_card, .news_card .news_card_foto {

        border-radius: 10px !important;

    }

    

    /* Make the button 100% width on mobile */

    .btn-shine[href="noticias.php"] {

        width: 100% !important;

    }

}





/* Default state for ampliar */

.ampliar-link { display: none; }



@media (max-width: 991px) {

    /* 1. Mosaics 2 columns and title below */

    .mosaic-container {

        grid-template-columns: 1fr 1fr !important;

    }

    .mosaic-main {

        grid-column: span 2 !important;

    }

    .mosaic-item {

        display: flex !important; border-top: 1px solid rgba(255, 255, 255, 0.25) !important;

        flex-direction: column !important;

        height: auto !important;

    }

    .mosaic-item img {

        height: 120px !important;

        flex-shrink: 0;

    }

    .mosaic-main img {

        height: 220px !important;  object-fit: cover !important; height: auto !important;

    }

    .mosaic-content {

        position: relative !important;

        background: #1f4294 !important; /* Corporate blue */

        padding: 12px !important;

        flex: 1; /* Take remaining space */

    }

    .mosaic-content h2 {

        font-size: 1.8rem !important;

    }



    /* 2. News grid (hide photo, show ampliar) */

    .news_card_foto {

        display: none !important;

    }

    .ampliar-link {

        display: inline-block !important;

        margin-top: 10px;

        color: #0055ff;

        font-weight: bold;

        text-decoration: underline;

    }



    /* 3. Ads column first */

    .main-grid-row {

        display: flex !important;

        flex-direction: column !important;

    }

    .main-grid-row > .col-3 {

        order: -1 !important;

    }

}





@media (max-width: 991px) {

    /* 1. Badge on top left of image */

    .mosaic-item {

        position: relative !important;

    }

    .mosaic-content .badge {

        position: absolute !important;

        top: 8px !important;

        left: 8px !important;

        z-index: 10 !important;

        margin: 0 !important;

    }

    

    /* 2. White background, black text, larger font for title */

    .mosaic-content {

        background: #ffffff !important;

        padding: 10px 5px !important;

    }

    .mosaic-content h2 {

        color: #000000 !important;

        font-size: 1.4rem !important; /* Mas grande */

    }

    .mosaic-main .mosaic-content h2 {

        font-size: 1.8rem !important; /* Mas grande */

    }

    .mosaic-content p {

        color: #333333 !important; /* Darker copete if exists */

    }



    /* 3. Remove padding to align with showcase */

    .news_container, .publicidad, .main-grid-row > .col-9, .main-grid-row > .col-3 {

        padding-left: 0 !important;

        padding-right: 0 !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    

    /* 4. Border radius 5px for all responsive photos */

    .mosaic-item img {

        border-radius: 5px !important;

    }

}







@media (max-width: 991px) {

    /* Override the previous relative positioning to fix the badge */

    .mosaic-content {

        position: static !important;

    }

}



@media (max-width: 991px) {

    /* Fix mosaic border radius (overflow hidden on parent) */

    .mosaic-item {

        border-radius: 5px !important;

        overflow: hidden !important;

    }

    .mosaic-item img {

        border-radius: 0 !important;

    }

    .mosaic-content {

        border-radius: 0 !important;

    }



    /* News card content padding reduction and spacing */

    .news_card_content {

        padding: 8px !important;

        display: flex !important;

        flex-direction: column !important;

    }

    .news_card_content h1 {

        padding: 0 !important;

        margin: 0 0 8px 0 !important;

        font-family: 'Bold', sans-serif !important;

        font-weight: bold !important;

        color: #000000 !important;

        line-height: 1.2 !important;

    }

    .news_card_content .text {

        padding: 0 !important;

        margin: 0 0 8px 0 !important;

        color: #000000 !important;

    }



    /* Ampliar as a clean white button */

    .ampliar-link {

        display: block !important;

        text-align: center !important;

        background: #ffffff !important;

        border: 1px solid #d1d1d1 !important;

        color: #000000 !important;

        padding: 8px !important;

        border-radius: 5px !important;

        text-decoration: none !important;

        font-family: 'SemiBold', sans-serif !important;

        margin-top: auto !important; /* Pushes button to bottom if card is taller */

    }

}





@media (max-width: 991px) {

    /* Move badge to top right */

    .mosaic-content .badge {

        left: auto !important;

        right: 8px !important;

    }

}



@media (max-width: 991px) {

    /* Remove all padding from news card and its content box */

    .news_card {

        padding: 0 !important;

    }

    .news_card_content {

        padding: 0 !important;

    }



    /* 5px vertical separation between title, copete and button */

    .news_card_content h1 {

        margin: 10px 0 5px 0 !important;

    }

    .news_card_content .text {

        margin: 10px 0 5px 0 !important;

    }

}



/* Global fix to put badge top-right on desktop */

.mosaic-content .badge {

    position: absolute !important;

    top: 16px !important;

    right: 16px !important;

    left: auto !important;

    margin: 0 !important;

}







/* Absolutely ZERO padding for news cards everywhere */

.news .news_card {

    padding: 0 !important;

}

.news .news_card_content {

    padding: 0 !important;

}





/* Global Styles for News Cards (Desktop and Mobile) */

.news .news_card_content {

    display: flex !important;

    flex-direction: column !important;

    padding: 0 !important;

}



/* Title styles */

.news .news_card_content h1 {

    margin: 10px 0 5px 0 !important;

    padding: 0 !important;

    font-family: 'Bold', sans-serif !important;

    font-weight: bold !important;

    color: #000000 !important;

    line-height: 1.2 !important;

}



/* Copete (Text) styles - target all children like <p> to force black and remove margins */

.news .news_card_content .text,

.news .news_card_content .text * {

    margin: 0 !important;

    padding: 0 !important;

    color: #000000 !important;

}



/* Force 5px spacing below the entire copete block */

.news .news_card_content .text {

    margin-bottom: 5px !important;

}



/* Ampliar button global styling */

.ampliar-link {

    display: block !important;

    text-align: center !important;

    background: #ffffff !important;

    border: 1px solid #d1d1d1 !important;

    color: #000000 !important;

    padding: 8px !important;

    border-radius: 5px !important;

    text-decoration: none !important;

    font-family: 'SemiBold', sans-serif !important;

    margin-top: auto !important;

}





/* Apply border-radius and subtle border to all ad banners */

.publicidad > a img, .publicidad img {

    border-radius: 5px !important;

    border: 1px solid #d1d1d1 !important;

    box-sizing: border-box !important;

}



/* Adjust Ampliar button: more vertical padding and gray text */

.ampliar-link {

    padding: 12px 8px !important;

    color: #666666 !important;

}



/* Override the aggressive .text * rule for the ampliar button */

.news .news_card_content .text span.ampliar-link {

    padding: 12px 8px !important;

    color: #666666 !important;

}













/* Separate Ampliar button from the text above it */

.news .news_card_content .text span.ampliar-link {

    margin-top: 5px !important;

}



/* Update margin to 10px and add transition */

.news .news_card_content .text span.ampliar-link {

    margin-top: 10px !important;

    transition: all 0.3s ease !important;

}



/* Hover effect for Ampliar button */

.news .news_card_content .text span.ampliar-link:hover {

    background: #f1f3f5 !important;

    color: #000000 !important;

    border-color: #adb5bd !important;

    text-decoration: none !important;

}





/* Shrink news card titles */

.news .news_card_content h1 {

    font-size: 1.8rem !important;

}









/* Override showcase to match mobile (white background, black text below photo) */

.mosaic-item { display: flex !important; border-top: 1px solid rgba(255, 255, 255, 0.25) !important; flex-direction: column !important; }

.mosaic-item img { position: relative !important; object-fit: cover !important; height: auto !important;

    flex: 1 1 auto !important;

    min-height: 0 !important; /* Important for flex child image to shrink */

}

.mosaic-content { position: relative !important;

    padding: 12px !important;

    flex-shrink: 0 !important;

}

.mosaic-content h2 {

    color: #000000 !important;

}

.mosaic-content p {

    color: #333333 !important;

}



/* Position badge at top right over the photo */

.mosaic-content {

    position: static !important;

}

.mosaic-content .badge {

    position: absolute !important;

    top: 10px !important;

    right: 10px !important;

    left: auto !important;

    bottom: auto !important;

    margin: 0 !important;

    z-index: 10 !important;

}



/* Adjust mosaic border radius: round on bottom, flat on top */

.mosaic-item {

    border-radius: 16px !important;

    overflow: hidden !important;

}

.mosaic-item img, .mosaic-content {

    border-radius: 0 !important;

}



/* Set a minimum height for the white box to uniformize image heights for 1 or 2 lines */

.mosaic-content {

    min-height: 55px !important;

    z-index: 2 !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-start !important;

}











/* ===================== BANNER HITOS INSTITUCIONALES ===================== */

.hitos-banner {

    background: linear-gradient(to right, rgba(0, 31, 98, 0.5), rgba(0, 31, 98, 0.4)), url('../images/bg.webp') center/cover no-repeat;

    color: white;

    border-radius: 10px;

    margin-top: 25px !important;

    margin-bottom: 15px !important;

    padding: 30px 15px;

    display: flex;

    box-shadow: 0 4px 15px rgba(0,0,0,0.15);

    width: 100%;

}

.hitos-banner .hito-item {

    flex: 1;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    gap: 15px;

    padding: 10px 20px;

    border-right: 1px solid rgba(255,255,255,0.15);

}

.hitos-banner .hito-item:last-child {

    border-right: none;

}

.hitos-banner .icono-circle {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    border: 1px solid #ffffff;

    background: transparent;

    color: #ffffff; /* Icono blanco */

    flex-shrink: 0;

}

.hitos-banner .icono-circle img, .hitos-banner .icono-circle svg {

    width: 30px;

    height: 30px;

}

.hitos-banner .hito-num {

    font-family: 'JetBrains Mono', monospace;

    font-size: 3.5rem; /* Mas grande */

    line-height: 1;

    color: #ffffff;

    font-weight: bold; /* Numero en BOLD */

}

.hitos-banner .hito-plus {

    color: #ffffff;

    margin-right: 8px;

}

.hitos-banner .hito-text {

    font-size: 1.3rem;

    text-transform: uppercase;

    font-family: 'SemiBold', sans-serif;

    color: #ffcc00; /* Color amarillo */

    text-align: left;

    line-height: 1.2;

}

@media (max-width: 991px) {

    .hitos-banner .hito-item {

        flex-direction: column;

        text-align: center;

    }

    .hitos-banner .hito-text {

        text-align: center;

    }

}

@media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; }

    .hitos-banner {

        flex-direction: column;

        padding: 15px;

    }

    .hitos-banner .hito-item {

        flex-direction: row;

        text-align: left;

        border-right: none;

        border-bottom: 1px solid rgba(255,255,255,0.15);

        padding: 20px 10px;

        justify-content: space-between;

        width: 100%;

    }

    .hitos-banner .hito-text {

        text-align: right;

    }

    .hitos-banner .hito-item:last-child {

        border-bottom: none;

    }

}



/* ===================== GALLERY PREVIEW GRID ===================== */

.gallery_grid_container {

    display: grid !important;

    grid-template-columns: repeat(2, 1fr) !important;

    gap: 8px !important;

    width: 100% !important;

}

@media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; }

    .gallery_grid_container {

        grid-template-columns: 1fr !important;

    }

}



.gallery_preview_card {

    display: flex !important;

    flex-direction: column !important;

    background: #ffffff !important;

    text-decoration: none !important;

    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;

    overflow: hidden !important;

    height: 100% !important;

    transition: transform 0.3s ease !important;

}



.gallery_thumbnail_single {

    height: 300px !important;

    overflow: hidden !important;

    background: #eaeaea !important;

}



.gallery_thumb_img {

    background-size: cover !important;

    background-position: center !important;

    width: 100% !important;

    height: 100% !important;

    transition: transform 0.4s ease !important;

}



/* Hover effects: zoom inside gallery thumbnails */

.gallery_preview_card:hover .gallery_thumb_img {

    transform: scale(1.05) !important;

}



.gallery_preview_content {

    padding: 15px !important;

    background: #ffffff !important;

    display: flex !important;

    flex-direction: column !important;

    flex: 1 !important;

    justify-content: space-between !important;

}



.gallery_preview_content h1 {

    font-size: 1.6rem !important;

    font-family: 'Bold', sans-serif !important;

    font-weight: bold !important;

    color: #000000 !important;

    margin: 0 0 10px 0 !important;

    line-height: 1.2 !important;

    transition: text-decoration 0.3s ease !important;

}



/* Underline title on hover for gallery card and news card */

.gallery_preview_card:hover .gallery_preview_content h1 {

    text-decoration: underline !important;

}



.news_card:hover .news_card_content h1 {

    text-decoration: underline !important;

}



/* Hover zoom for news cards */

.news_card_foto {

    transition: transform 0.4s ease !important;

}

.news_card:hover .news_card_foto {

    transform: scale(1.05) !important;

}

/* ===================== GALLERY PREVIEW GRID END ===================== */



/* ===================== FOOTER MODERN REDESIGN ===================== */

.footer {

    background: #001d61 url('../images/glow_azul_cabezal.webp') no-repeat center bottom -240px !important;

    background-size: 100% 480px !important;

    color: #cbd5e1 !important;

    font-family: 'Regular', sans-serif !important;

    padding: 0 !important;

}



.footer-content {

    display: grid !important;

    grid-template-columns: 2fr 1fr 2fr !important;

    gap: 40px !important;

    padding: 50px 15px !important;

    max-width: 1300px !important;

    margin: 0 auto !important;

}



@media (max-width: 991px) {

    .footer-content {

        grid-template-columns: 1fr !important;

        gap: 30px !important;

        padding: 40px 15px !important;

    }

}



.footer-info, .footer-nav, .footer-map-container {

    display: flex !important;

    flex-direction: column !important;

}



.footer-title {

    font-family: 'Bold', sans-serif !important;

    font-size: 2.2rem !important;

    color: #ffffff !important;

    margin-bottom: 15px !important;

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



.footer-desc {

    font-size: 1.4rem !important;

    color: #94a3b8 !important;

    line-height: 1.5 !important;

    margin-bottom: 20px !important;

}



.footer-contact-card {

    

    border: 1px solid rgba(255, 255, 255, 0.08) !important;

    border-radius: 12px !important;

    padding: 24px !important;

    margin-top: 15px !important;

    

    backdrop-filter: blur(5px) !important;

}



.footer-contact-item {

    display: flex !important;

    align-items: flex-start !important;

    gap: 15px !important;

    margin-bottom: 20px !important;

}



.footer-contact-item:last-child {

    margin-bottom: 0 !important;

}



.footer-contact-item i {

    font-size: 1.8rem !important;

    color: #ffcc00 !important; /* Elegant yellow for contact icons */

    margin-top: 2px !important;

    background: rgba(255, 255, 255, 0.06) !important;

    padding: 10px !important;

    border-radius: 8px !important;

    border: 1px solid rgba(255, 255, 255, 0.05) !important;

    width: 42px !important;

    height: 42px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



.footer-contact-item div {

    display: flex !important;

    flex-direction: column !important;

    gap: 4px !important;

}



.contact-label {

    font-family: 'SemiBold', sans-serif !important;

    font-size: 1.1rem !important;

    color: rgba(255, 255, 255, 0.5) !important; /* Muted label color */

    text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

}



.contact-value {

    font-family: 'Regular', sans-serif !important;

    font-size: 1.35rem !important;

    color: #ffffff !important; /* White value text */

    line-height: 1.4 !important;

}



.footer-subtitle {

    font-family: 'SemiBold', sans-serif !important;

    font-size: 1.8rem !important;

    color: #ffffff !important;

    margin-bottom: 20px !important;

    text-transform: uppercase !important;

    border-bottom: 2px solid #1f4294 !important;

    padding-bottom: 8px !important;

    width: max-content !important;

    min-width: 100px !important;

}



.footer-menu-links {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

}



.footer-menu-links .links,

.footer-menu-links .acciones {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    align-items: flex-start !important;

}



.footer-menu-links .links a,

.footer-menu-links .acciones a,

.footer-menu-links .links a:visited,

.footer-menu-links .acciones a:visited {

    color: #cbd5e1 !important;

    text-decoration: none !important;

    font-size: 1.45rem !important;

    font-family: 'SemiBold', sans-serif !important;

    transition: all 0.3s ease !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

}



.footer-menu-links .links a::before,

.footer-menu-links .acciones a::before {

    content: "\2022" !important;

    margin-right: 8px !important;

    color: #ffcc00 !important;

    font-size: 1.2rem !important;

}



.footer-menu-links .links a:hover,

.footer-menu-links .acciones a:hover {

    color: #ffcc00 !important;

    text-decoration: underline !important;

    transform: translateX(5px) !important;

}



/* Hide original HTML icons inside footer links to prevent spacing issues */

.footer-menu-links a i {

    display: none !important;

}



.footer-map {

    width: 100% !important;

    height: 200px !important;

    border-radius: 8px !important;

    overflow: hidden !important;

    border: 3px solid #1f4294 !important; /* Muted corporate blue border */

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;

}



.footer-map iframe {

    width: 100% !important;

    height: 100% !important;

    border: 0 !important;

}



.footer-bottom {

    background-color: transparent !important;

    padding: 20px 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;

}



.footer-bottom-flex {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    max-width: 1300px !important;

    margin: 0 auto !important;

    padding: 0 15px !important;

    flex-wrap: wrap !important;

    gap: 20px !important;

}



@media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; }

    .footer-bottom-flex {

        flex-direction: column !important;

        text-align: center !important;

    }

}



.footer-logo img {

    height: 50px !important;

    width: auto !important;

    object-fit: contain !important;

}



.footer-social-links {

    display: flex !important;

    gap: 15px !important;

}



.footer-social-links a {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    width: 48px !important;

    height: 48px !important;

    background-color: transparent !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.3) !important;

    border-radius: 50% !important;

    text-decoration: none !important;

    font-size: 2.0rem !important;

    transition: all 0.3s ease !important;

}



.footer-social-links a:hover {

    border-color: #ffcc00 !important;

    color: #ffcc00 !important;

    background-color: rgba(255, 255, 255, 0.05) !important;

    transform: translateY(-2px) !important;

}



.footer-copyright {

    font-size: 1.2rem !important;

    color: #ffffff !important;

    flex-basis: 100% !important;

    text-align: center !important;

    margin-top: 10px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;

    padding-top: 15px !important;

}

/* ===================== FOOTER MODERN REDESIGN END ===================== */



/* ===================== CALL TO ACTION BUTTON ===================== */

.btn-gallery-more {

    grid-column: 1 / -1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    background: linear-gradient(135deg, #001f62 0%, #1f4294 100%) !important;

    color: #ffffff !important;

    text-decoration: none !important;

    border-radius: 30px !important;

    padding: 12px 36px !important;

    margin: 25px auto 10px auto !important;

    text-align: center !important;

    box-shadow: 0 4px 15px rgba(31, 66, 148, 0.25) !important;

    font-family: 'SemiBold', sans-serif !important;

    font-size: 1.35rem !important;

    transition: all 0.3s ease !important;

    width: max-content !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    cursor: pointer !important;

}



.btn-gallery-more:hover {

    background: linear-gradient(135deg, #1f4294 0%, #001f62 100%) !important;

    box-shadow: 0 6px 20px rgba(31, 66, 148, 0.4) !important;

    transform: translateY(-2px) !important;

    color: #ffffff !important;

}



.btn-gallery-more i {

    font-size: 1.35rem !important;

    margin-left: 8px !important;

    transition: transform 0.3s ease !important;

}



.btn-gallery-more:hover i {

    transform: translateX(4px) !important;

}



/* ===================== HEADER GRADIENT LAYOUT ===================== */

/* The background gradient element behind the navbar and showcase */

.header-bg-gradient {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    width: 100% !important;

    height: 480px !important; /* Beautiful tall gradient background */

    background: #001d61 url('../images/glow_azul_cabezal.webp') no-repeat center -240px !important;

    background-size: 100% 480px !important;

    z-index: -1 !important; /* Behind all layout content */

    pointer-events: none !important;

}



/* Ensure the container is positioned relatively with a higher z-index to overlay on the background */

.main-layout-container {

    position: relative !important;

    z-index: 10 !important;

}



/* Navbar general overrides */

.navbar {

    background-image: none !important; /* Remove old SASS bg image */

    transition: background 0.3s ease, height 0.3s ease, box-shadow 0.3s ease !important;

}



/* When at the top (not scrolled), the navbar container itself is transparent */

.navbar:not(.fijar) {

    background: transparent !important;

    box-shadow: none !important;

    z-index: 1100 !important; /* Ensure it is interactive and on top */

}



/* When scrolled, the navbar has a solid electric blue background with opacity and blur */

.navbar.fijar {

    background: rgba(0, 29, 97, 0.85) !important; /* #001d61 with opacity */

    backdrop-filter: blur(3px) !important;

    -webkit-backdrop-filter: blur(3px) !important;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;

    z-index: 1100 !important;

}



@media (min-width: 992px) {

    /* Increase logo size */

    .navbar:not(.fijar) .logo img {

        height: 85px !important;

        width: auto !important;

        transition: height 0.3s ease !important;

    }

    

    .navbar.fijar .logo img {

        height: 48px !important;

        width: auto !important;

        transition: height 0.3s ease !important;

    }



    /* More vertical air in the top part of the header */

    .navbar .topbar {

        height: 64px !important;

    }



    /* Make the original header a little bit taller */

    .navbar:not(.fijar) .mainbar {

        height: 128px !important; /* Increased from 112px */

    }



    /* Ensure body padding matches the new taller header on desktop */

    body {

        padding-top: 192px !important; /* 64px topbar + 128px mainbar */

    }

    body.fijar {

        padding-top: 136px !important; /* 64px topbar + 72px mainbar */

    }

}







/* ===================== MOBILE HEADER RESPONSIVE ===================== */

@media (max-width: 991px) {

    /* Equal 24px margins on top, bottom, and sides */

    .navbar .mainbar,

    .navbar.fijar .mainbar {

        height: 96px !important; /* 24px top + 48px logo + 24px bottom */

    }

    

    .navbar .logo img,

    .navbar.fijar .logo img {

        height: 48px !important; /* Smaller logo for mobile */

        width: auto !important;

        margin-top: 8px;

    }

    

    .navbar .container {

        padding: 0 24px !important; /* Match front page news (24px side margin) */

    }

    

    /* Ensure no layout shift on scroll since topbar is hidden on mobile */

    body, body.fijar {

        padding-top: 96px !important;

    }

    

    /* Ensure the mobile glow isn't cut off incorrectly due to height changes */

    .header-bg-gradient {

        height: 380px !important; /* A bit shorter on mobile to fit nicely */

        background-position: center -190px !important; /* Half of 380px */

        background-size: 100% 380px !important;

    }

    

    /* Smaller font size for small showcase news on mobile */

    .mosaic-item:not(.mosaic-main) .mosaic-content h2 {

        font-size: 1.05rem !important;

    }

}







































/* ===================== HOJA INTERNA CSS ===================== */

.hoja-interna { background-color: #ffffff; border-radius: 0 !important; padding: 40px;  box-shadow: 0 -5px 25px rgba(0,0,0,0.1); }

.hoja-interna h1 { color: #1f4294 !important; text-align: left; }

.hoja-interna .fecha { border: none !important; margin-bottom: 20px; padding: 0 !important; }

@media (max-width: 900px) { .hoja-interna { padding: 20px; } }









/* ===================== REGLAMENTOS CARDS ===================== */

.list-reglamentos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 30px; }

.reglamento-card { display: flex; align-items: center; background-color: #f8f9fc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; text-decoration: none !important; color: #1e293b; transition: all 0.3s ease; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }

.reglamento-card:hover { transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border-color: #1f4294; background-color: #ffffff; }

.reglamento-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background-color: #e0e7ff; color: #1f4294; border-radius: 10px; margin-right: 16px; flex-shrink: 0; transition: all 0.3s ease; }

.reglamento-card:hover .reglamento-icon { background-color: #1f4294; color: #ffffff; }

.reglamento-title { font-family: 'SemiBold', sans-serif; font-size: 1.1rem; line-height: 1.4; }



.main-section-title { font-family: "BoldCondensed" !important; color: white !important; text-transform: uppercase !important; text-align: left !important; font-size: 38px !important; margin-bottom: 20px !important; }




/* Hide title on big news */
.mosaic-main .mosaic-content h2, .mosaic-main .mosaic-content p { display: none !important; }




/* Make large mosaic (mosaic-main) ALL IMAGE with floating badge */
.mosaic-main { display: block !important; position: relative !important; grid-row: span 2 !important;
    aspect-ratio: 10 / 7 !important;
    height: auto !important;
}
.mosaic-main img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.mosaic-main .mosaic-content { background: transparent !important;
    position: absolute !important;
    inset: 0 !important;
    min-height: 0 !important;
    padding: 16px !important;
    pointer-events: none !important;
}
.mosaic-main .badge {
    pointer-events: auto !important;
    position: absolute !important;
    top: 16px !important;
    left: auto !important; right: 16px !important;
}


/* === SEPARATED MOSAIC GRIDS === */
.mosaic-main-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.mosaic-secondary-container {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}

@media (max-width: 1200px) {
    .mosaic-secondary-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; }
    .mosaic-main-container,
    .mosaic-secondary-container {
        grid-template-columns: 1fr !important;
    }
}

/* Remove span rules from mosaic-main since it is in its own grid now */
.mosaic-main {
    grid-column: auto !important;
    grid-row: auto !important;
}

/* === MOSAIC SMALL === */
.mosaic-small {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    text-decoration: none !important;
    height: 100% !important;
}
.mosaic-small .mosaic-image-wrapper {
    position: relative !important;
    aspect-ratio: 10 / 7 !important;
    overflow: hidden !important;
}
.mosaic-small .mosaic-image-wrapper img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.mosaic-small .mosaic-image-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 16px !important;
}
.mosaic-small .badge {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    align-self: flex-end !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 0.8rem !important;
    font-family: "SemiBold" !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
}
.mosaic-small .mosaic-title {
    color: #1a1a1a !important;
    font-size: 1.8rem !important; /* Slightly adjusted to fit well on white card */
    margin: 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    font-family: 'Bold', sans-serif !important;
}
.mosaic-small .mosaic-text-content {
    gap: 15px !important;
    padding: 20px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: space-between !important;
    background: #ffffff !important;
}

.mosaic-small .mosaic-date {
    color: #888 !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Update grid columns to 5 */



/* === SECTION HEADER EXPLICIT FLEX === */
.section-header-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}
.section-header-row > div {
    display: flex !important;
    align-items: center !important;
}





.mosaic-small .mosaic-date .icon-calendar {
    font-size: 1.35rem !important;
}

.mosaic-item:not(.mosaic-small) img {
    aspect-ratio: 10 / 7 !important;
    object-fit: cover !important;
}


.hoja-interna {
    background-color: #ffffff;
    border-radius: 10px !important;
}
.rankings h1 { color: #ffffff !important; }






/* === RESPONSIVE FIXES FOR MOSAIC-SMALL === */
@media (max-width: 991px) {
    .mosaic-secondary-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .mosaic-small .mosaic-title {
        font-size: 1.4rem !important;
    }
    .mosaic-main-container {
        grid-template-columns: 1fr !important;
    }
    .mosaic-main { display: block !important; position: relative !important; aspect-ratio: 10 / 7 !important; height: auto !important; min-height: 200px !important; }
    .mosaic-main img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .mosaic-container {
        grid-auto-rows: auto !important;
    }
    .mosaic-container .mosaic-item:not(.mosaic-main) {
        height: auto !important;
    }
}

@media (max-width: 768px) {
    .section-title { font-size: 1.8rem !important; }
    .mosaic-secondary-container {
        grid-template-columns: 1fr !important;
    }
    .mosaic-small .mosaic-title {
        font-size: 1.3rem !important;
    }
}



/* Estilos tipograficos para hoja-interna (sobreescriben los resets) */
.hoja-interna, .hoja-interna p, .hoja-interna li, .hoja-interna span {
    font-size: 1.35rem !important;
    line-height: 1.7 !important;
}
.hoja-interna p {
    margin-bottom: 1.5rem !important;
}
.hoja-interna h1, .hoja-interna h2, .hoja-interna h3, .hoja-interna h4 {
    line-height: 1.4 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    font-weight: bold !important;
}
.hoja-interna ul, .hoja-interna ol {
    margin-bottom: 1.5rem !important;
    padding-left: 2rem !important;
}
.hoja-interna li {
    margin-bottom: 0.5rem !important;
}