:root{--degProgramas:#9e9e9e00;--titleProgramas:#dd4a14;--banner:url(/banner_light.jpg)}.dark{--degProgramas:#0000;--titleProgramas:#dd4a14;--banner:url(/banner_dark.jpg)}.programasH2{text-align:center;color:var(--titleProgramas);-webkit-text-stroke:.25px #000;font-size:34px}.ProgramasCabecera{background-image:var(--banner);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-top:-20px;margin-left:-20px;margin-right:-20px;padding-top:90px;padding-bottom:50px}.error-message{color:red;margin-top:10px;font-size:14px}@media (max-width:480px){.ProgramasCabecera:before{content:"";background-color:var(--degProgramas);z-index:1;width:100%;height:212px;padding-bottom:20px;transition:all 1s;position:absolute;top:0;left:0}}@media (min-width:481px) and (max-width:768px){.ProgramasCabecera:before{content:"";background-color:var(--degProgramas);z-index:1;width:100%;height:212px;padding-bottom:20px;transition:all 1s;position:absolute;top:0;left:0}}@media (min-width:769px) and (max-width:1024px){.ProgramasCabecera:before{content:"";background-color:var(--degProgramas);z-index:1;width:100%;height:212px;padding-bottom:20px;transition:all 1s;position:absolute;top:0;left:0}}@media (min-width:1025px) and (max-width:1280px){.ProgramasCabecera:before{content:"";background-color:var(--degProgramas);z-index:1;width:100%;height:212px;padding-bottom:20px;transition:all 1s;position:absolute;top:0;left:0}}@media (min-width:1281px){@media (min-width:1025px) and (max-width:1280px){.ProgramasCabecera:before{content:"";background-color:var(--degProgramas);z-index:1;width:100%;height:212px;padding-bottom:20px;transition:all 1s;position:absolute;top:0;left:0}}}
:root{--bgCard:#fff;--txtCard:#555;--titleCard:#5f6368;--emCard:#dd4814}.dark{--bgCard:#202124;--txtCard:#e4e4e4;--titleCard:#5f6368;--emCard:#fff}.login-container{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-form{background-color:var(--bgCard);width:100%;color:var(--txtCard);text-align:center;border-radius:15px;max-width:400px;padding:40px;box-shadow:0 4px 15px #0000001a}.login-form h2{color:var(--emCard);letter-spacing:1px;margin-bottom:20px;font-size:24px;font-weight:700}.login-form label{color:var(--emCard);text-align:left;margin-bottom:5px;font-size:14px;font-weight:600;display:block}.input-field{background-color:var(--bgCard);color:#333;border:1px solid #ddd;border-radius:10px;width:100%;margin:10px 0;padding:12px 15px;font-size:16px;transition:all .3s}.input-field:focus{background-color:#fff;border-color:#dd4814;outline:none}.submit-btn{color:#fff;cursor:pointer;background-color:#dd4814;border:none;border-radius:10px;width:100%;margin-top:15px;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.submit-btn:hover{background-color:#ee0979}.submit-btn:active{background-color:#e04b4b}@media (max-width:600px){.login-form{padding:30px}.input-field,.submit-btn{font-size:14px}}