/* =========== Media Queries =========== */

@media only screen and (max-width: 1280px) {
.faq-hero .faq-hero-title{font-size:350%;}
.faq-section .accordion-button{font-size:110%;padding-bottom:8px;}
.cta-container h2{font-size:250%;}
.cta-register h2{font-size:300%;}
#portada h2{font:450%/110% 'Unbounded';}
#portada h3{font:200%/120% 'Unbounded';}
#pasos .pasos-line{top:0px;bottom:160px;}
.prode-dia-select-wrap .choices__inner{font-size:175% !important;}
.prode-develado-banda{font-size:175% !important;}
}
@media only screen and (max-width: 1024px) {
#portada{min-height:90vh;background-size:auto 100%;}
#portada h2{font:340%/110% 'Unbounded';}
#portada h3{font:175%/120% 'Unbounded';}
#portada .btn{margin-bottom:32px;}
#portada p{font:120%/125% 'Inter';}
#registro-form .registro-form-title{font:200%/120% 'Unbounded',sans-serif;}
.prode-dia-select-wrap .choices__inner{font-size:165% !important;}
.prode-develado-banda{font-size:165% !important;}
.prode-cambiar{border-radius:16px;padding:6px 18px;font-size:100%;margin-left:12px;}
.prode-develado-badge{border-radius:16px;padding:6px 18px;font-size:100%;margin-left:12px;}
.alerta-mensaje, .alerta-mensaje-admin{max-width:98vw;font-size:1em;padding:12px 8px;}
.seguimiento-block-title{font:250%/110% 'Unbounded',sans-serif;}
.premios-grid-item{padding:14px 10px;}
.premios-grid-img{width:90px;height:90px;margin-right:1rem;}
.faq-hero .faq-hero-desc{font:110%/140% 'Inter',sans-serif;}
.cta-container .cta-buttons .btn{margin:0 0 15px;display:block;width:100%;}
#menu_button{display:block;}
#menu{display:none !important;position:fixed;top:70px;left:0;width:100%;height:100%;min-height:100vh;background:#000000;flex-direction:column;align-items:center;z-index:9999;transform:none !important;padding-bottom:200px;}
#menu.active{display:flex !important;align-items:flex-start;}
#menu .menu{flex-direction:column;gap:30px;padding:0;width:100%;text-align:center;}
#menu .menu li a{font:220%/120% 'Unbounded',sans-serif !important;padding:10px 30px;}
#menu .menu li a:after{display:none !important;}
#menu .menu li.logout-menu-item{display:flex;align-items:center;justify-content:center;padding:10px 30px;}
#menu .menu li.logout-menu-item button{background:#fff;color:#000000;border:none;border-radius:18px;padding:8px 28px;font:500 100%/100% 'Inter',Arial,sans-serif;cursor:pointer;transition:background 0.2s,color 0.2s;}
#menu .menu li.logout-menu-item button:hover{background:#f0470f;color:#fff;}
#header .spacer{display:flex;flex:1;}
#header.logged-in .logout-menu-item{display:inline-block;}
.logout-form-header{display:none;}
}
@media only screen and (max-width: 992px) {
#registro-form.login{padding:150px 5% 80px;}
}
@media only screen and (max-width: 800px) {
.faq-hero{padding:100px 5% 40px;}
.faq-hero .faq-hero-title{font-size:250%;}
.faq-hero .faq-hero-desc{font:100%/140% 'Inter',sans-serif;}
.faq-section{padding:10px 4%;}
.faq-section .accordion-item{padding:10px 16px;}
.faq-section .accordion-icon{top:14px;right:14px;}
.faq-section .accordion-button{font-size:100%;padding:10px 10px 10px 0;}
.faq-section .accordion-body{font:90%/140% 'Inter',sans-serif;}
.cta-container{padding:40px 4%;}
.cta-container h2{font:200%/110% 'Unbounded',sans-serif;}
.cta-container p{font:100%/135% 'Inter',sans-serif;}
.cta-register{padding:60px 4%;}
.cta-register h2{font:300%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .slide-content{padding:30px 16px;}
.seguimiento-hero-slider .seguimiento-hero-subtitle{font-size:140%;}
#registro-form.login{padding:120px 5% 60px;}
#registro-form .registro-form-desc{font:100%/120% 'Inter',Arial,Helvetica,sans-serif;margin-bottom:30px;}
#registro-form .registro-form-footer{margin:50px auto 30px;font:100%/120% 'Inter',Arial,Helvetica,sans-serif;}
#registro-form .registro-form-footer .btn{display:block;margin:15px auto 0;width:fit-content;}
#portada h2{font:295%/110% 'Unbounded';}
#portada h3{font:160%/120% 'Unbounded';}
#footer{padding:50px 5%;}
#footer .footer-menu{flex-wrap:wrap;justify-content:center;gap:16px;}
#footer .footer-socials{margin-top:24px;}
#pasos .pasos-title{font:325%/120% 'Unbounded',sans-serif;}
#home-premios .home-premios-title{font:220%/120% 'Unbounded',sans-serif;}
#home-premios .home-premios-desc{font:120%/135% 'Inter';}
.home-premios-logo{max-width:180px;}
#entradas .entradas-label{font:500 100%/120% 'Inter',Arial,Helvetica,sans-serif;}
#entradas .entradas-title{font:300%/110% 'Unbounded',sans-serif;}
#entradas .entradas-desc{font:100%/135% 'Inter',Arial,Helvetica,sans-serif;}
#registro-hero .registro-hero-title{font:350%/120% 'Unbounded',sans-serif;}
#registro-form .registro-form-title{font:200%/120% 'Unbounded',sans-serif;}
#registro-hero .registro-hero-desc{font:100%/135% 'Inter',Arial,Helvetica,sans-serif;}
#prode-hero .prode-hero-title{font:350%/120% 'Unbounded',sans-serif;}
#prode-hero .prode-hero-desc{font:90%/135% 'Inter',Arial,Helvetica,sans-serif;}
.prode-dia-select-wrap .choices__inner{font-size:140% !important;}
.prode-develado-banda{font-size:140% !important;}
.prode-cambiar{border-radius:12px;padding:4px 12px;font-size:90%;margin-left:8px;}
.prode-develado-badge{border-radius:12px;padding:4px 12px;font-size:90%;margin-left:8px;}
.prode-dia-toggle{font:150%/110% 'Unbounded',sans-serif;}
.prode-dia-num{font-size:100%;}
.prode-revisar-title, .prode-instrucciones-title{font:300%/110% 'Unbounded',sans-serif;}
#share-hero .share-hero-title{font:350%/110% 'Unbounded',sans-serif;}
#share-hero .share-hero-desc{font:100%/135% 'Inter',Arial,Helvetica,sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-title{font:350%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-desc{font:100%/135% 'Inter',Arial,Helvetica,sans-serif;}
}
@media only screen and (max-width: 640px) {
#portada{padding-top:100px;padding-bottom:60px;min-height:100vh;height:auto;}
#portada .row>div:last-child{margin-top:0;}
.portada-logo{max-width:280px;margin:25px auto 25px;}
#portada h2{font:250%/110% 'Unbounded';}
#portada h3{font:135%/120% 'Unbounded';}
#portada p{font:110%/125% 'Inter';}
.portada-sponsors{gap:40px;}
.portada-sponsor{height:40px;}
#header{padding:10px 4%;}
.entradas-video-desktop{display:none;}
.entradas-video-mobile{display:block;}
.seguimiento-video-desktop{display:none;}
.seguimiento-video-mobile{display:block;}
#pasos{padding:100px 5%;}
#pasos .pasos-title{font:225%/120% 'Unbounded',sans-serif;}
#pasos .pasos-desc{font:100%/150% 'Inter';}
#pasos .pasos-item-title{font:110%/120% 'Unbounded',sans-serif;color:#fff;}
#pasos .pasos-item-desc{font:100%/135% 'Inter';}
#home-premios .home-premios-title{font:155%/120% 'Unbounded',sans-serif;}
#home-premios .home-premios-desc{font:100%/135% 'Inter';}
#entradas .entradas-title{font:250%/110% 'Unbounded',sans-serif;}
#entradas .entradas-desc{padding-top:20px;}
#registro-hero .registro-hero-title{font:250%/120% 'Unbounded',sans-serif;}
#registro-form .registro-form-title{font:200%/120% 'Unbounded',sans-serif;}
#prode-hero .prode-hero-title{font:250%/120% 'Unbounded',sans-serif;}
#prode-hero .prode-hero-desc{font:80%/150% 'Inter',Arial,Helvetica,sans-serif;}
.prode-dia-select-wrap .choices__inner{font-size:125% !important;}
.prode-develada-lock .prode-develado-banda, .prode-develado-banda{font-size:140% !important;}
.prode-develada-lock{flex-wrap:wrap;}
.prode-dia-item{display:block;}
.prode-cambiar{text-transform:none;margin-top:4px;width:96%;text-align:center;display:block;padding:8px 0;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,0.07);box-shadow:0 2px 3px rgba(0,0,0,0.3),inset 0 2px 0 rgba(255,255,255,0.25),inset 0 -3px 0 rgba(0,0,0,0.25);}
.prode-develado-badge{border-radius:16px;padding:2px 10px;font-size:80%;margin-left:6px;}
.prode-dia-disclaimer, .prode-dia-disclaimer.internacional{width:100%;max-width:100%;font-size:80%;line-height:125%;margin:12px 0 24px;}
.prode-dia-num{font-size:90%;}
.prode-revisar-title, .prode-instrucciones-title{font:250%/110% 'Unbounded',sans-serif;}
.prode-slider-wrap{max-width:98vw !important;padding:0 2vw;}
.prode-card{padding:18px 8px !important;min-height:120px !important;font-size:95% !important;}
.prode-slide{width:95%;padding:0 2px;}
#share-hero .share-hero-title{font:250%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-title{font:250%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-subtitle{font-size:120%;}
.seguimiento-hero-slider .seguimiento-hero-desc{font:90%/140% 'Inter',Arial,Helvetica,sans-serif;}
.seguimiento-hero-slider .slide-content{max-width:100%;padding:24px 12px;}
.seguimiento-hero-slider .seguimiento-hero-cuadro-btns .btn{padding:8px 20px;font-size:90%;}
.faq-hero .faq-hero-title{font-size:200%;}
.faq-hero .faq-hero-desc{font:90%/140% 'Inter',sans-serif;}
.faq-section .accordion-button{font-size:90%;}
.cta-container h2{font:180%/110% 'Unbounded',sans-serif;}
.cta-register h2{font:250%/110% 'Unbounded',sans-serif;}
#footer{padding:40px 4%;}
#footer .footer-logo-menu{flex-direction:column;gap:16px;text-align:center;}
#footer .footer-logo{width:70px;}
#footer .footer-menu{flex-direction:column;align-items:center;gap:12px;}
#footer .footer-socials{gap:14px;margin-top:28px;}
#footer .footer-social span[class^="icon-"]{font-size:20px;}
#footer .footer-links{gap:16px;justify-content:center;}
#registro-form.login{padding:120px 4% 50px;}
#registro-form .registro-form-desc{font:90%/120% 'Inter',Arial,Helvetica,sans-serif;margin-bottom:20px;}
#registro-form .registro-form-title{font:200%/120% 'Unbounded',sans-serif;}
#registro-form .form-control, #registro-form .form-select{font:90%/120% 'Inter',Arial,Helvetica,sans-serif;padding:10px 14px;}
#registro-form .registro-form-footer{margin:40px auto 20px;font:90%/120% 'Inter',Arial,Helvetica,sans-serif;}
.seguimiento-2-blocks{flex-direction:column;align-items:center;text-align:center;}
.seguimiento-2-blocks .seguimiento-block-card-big{max-width:100%;}
.seguimiento-2-blocks .seguimiento-block-card-big-puntos-num{font-size:600%;}
.seguimiento-2-blocks .seguimiento-block-desc{text-align:left;}
.seguimiento-block{padding:5% 3%;}
.seguimiento-block-label, .premios-block-label{font:600 100%/120% 'Inter',Arial,Helvetica,sans-serif;margin-bottom:10px;}
.seguimiento-block-title, .premios-block-title{font:200%/110% 'Unbounded',sans-serif;}
.seguimiento-block-desc, .premios-block-desc{font:90%/140% 'Inter',Arial,Helvetica,sans-serif;margin-bottom:24px;}
.seguimiento-block-card{flex-direction:column;align-items:stretch;padding:16px 4px;max-width:99vw;border-radius:16px;}
.seguimiento-block-card-col{padding:12px 5%;}
.seguimiento-block-card-date, .seguimiento-block-card-puntos{border:none !important;min-width:0;}
.seguimiento-block-btn{width:100%;font-size:110%;padding:10px 0;}
.premios-grid{margin-top:1.5rem;}
.premios-grid-item{flex-direction:column;align-items:flex-start;text-align:left;padding:12px 6px;border-radius:12px;}
.premios-grid-img{width:80px;height:80px;margin-right:0;margin-bottom:10px;}
.premios-grid-title{font:120%/110% 'Unbounded',sans-serif;}
.premios-grid-label{font-size:90%;padding:3px 10px;}
.alerta-mensaje{white-space:nowrap;border-radius:6px;padding:8px 5px;font-size:90%;}
}
@media only screen and (max-width: 480px) {
.portada-sponsors{gap:20px;}
.portada-sponsor{height:36px;}
.prode-dia-select-wrap .choices__inner{font-size:115% !important;}
.prode-develada-lock .prode-develado-banda, .prode-develado-banda{font-size:130% !important;}
.prode-develado-badge{border-radius:14px;padding:2px 8px;font-size:75%;margin-left:4px;}
.alerta-mensaje{font-size:80%;}
.faq-hero{padding:80px 4% 30px;}
.faq-hero .faq-hero-title{font-size:160%;}
.faq-hero .faq-hero-desc{font:85%/140% 'Inter',sans-serif;}
.faq-section .accordion-item{padding:8px 12px;}
.faq-section .accordion-button{font-size:85%;}
.faq-section .accordion-body{font:85%/140% 'Inter',sans-serif;}
.faq-section .accordion-icon{top:10px;right:12px;}
.cta-container h2{font:160%/110% 'Unbounded',sans-serif;}
.cta-register h2{font:200%/110% 'Unbounded',sans-serif;}
#registro-form.login{padding:120px 4% 40px;}
#registro-form .registro-form-desc{font:85%/120% 'Inter',Arial,Helvetica,sans-serif;}
#registro-form .registro-form-title{font:180%/120% 'Unbounded',sans-serif;}
#registro-form .registro-form-footer{font:85%/120% 'Inter',Arial,Helvetica,sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-title{font:200%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-subtitle{font-size:100%;}
.seguimiento-hero-slider .seguimiento-hero-desc{font:85%/140% 'Inter',Arial,Helvetica,sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-cuadro-btns .btn{padding:8px 20px;font-size:90%;}
.cookie-banner{padding:12px 16px;}
.cookie-banner-content{flex-direction:column;text-align:center;gap:12px;}
.cookie-banner-buttons{flex-wrap:wrap;justify-content:center;margin-left:0;}
.cookie-banner-buttons .btn{font-size:85%;padding:6px 14px;}
#footer{padding:30px 4%;}
#footer .footer-logo-menu{flex-direction:column;gap:16px;text-align:center;}
#footer .footer-logo{width:60px;}
#footer .footer-menu{flex-direction:column;align-items:center;gap:10px;}
#footer .footer-socials{gap:12px;margin-top:24px;}
#footer .footer-social span[class^="icon-"]{font-size:18px;}
#footer .footer-copy{font:85%/120% 'Inter',Arial,Helvetica,sans-serif;text-align:center;}
#footer .footer-links{gap:12px;justify-content:center;flex-wrap:wrap;}
#footer .footer-links a{font:85%/120% 'Inter',Arial,Helvetica,sans-serif;}
}
@media only screen and (max-width: 375px) {
.portada-sponsors{gap:12px;}
.portada-sponsor{height:32px;}
.cookie-banner{padding:10px 12px;}
.cookie-banner-text{font-size:80%;}
.cookie-banner-buttons .btn{font-size:80%;padding:5px 10px;}
.prode-dia-select-wrap .choices__inner{font-size:100% !important;}
.prode-develada-lock .prode-develado-banda, .prode-develado-banda{font-size:115% !important;}
.faq-hero .faq-hero-title{font-size:140%;}
.faq-hero .faq-hero-desc{font:80%/140% 'Inter',sans-serif;}
.cta-container h2{font:140%/110% 'Unbounded',sans-serif;}
.cta-register h2{font:180%/110% 'Unbounded',sans-serif;}
.seguimiento-hero-slider .seguimiento-hero-title{font:180%/110% 'Unbounded',sans-serif;}
}
@media only screen and (max-width: 320px) {
.prode-dia-select-wrap .choices__inner{font-size:90% !important;}
.prode-develada-lock .prode-develado-banda, .prode-develado-banda{font-size:105% !important;}
}