/* estilos.css */
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body { padding-top: 0px; font-family: 'Verdana', sans-serif; text-rendering: optimizeLegibility !important; font-size: 1.125rem; line-height: 1.5;}
p { padding: 5px; }

/* ENLACES */
a:link, a:visited { color: #ccc; text-decoration: none; }
a:hover { color: #fff; }

.centered { float: none !important; margin: 0 auto !important; }
.preview { max-width:640px; max-height:400px; text-align: center; justify-content: center; margin: auto; }
.video-grande { max-width:1280px; overflow: hidden; }
.video-principal-container video { width: 100%; display: block; }
.control-label, .formulario { border: 2px solid #000 !important; 
    border-radius: 4px; border-width: 0.125rem; padding: 0.5rem 1rem;
    font-size: 1.125rem !important; outline: none; }
.control-label:focus, .formulario:focus { border-color: #007bff !important;  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); }

div.static { background-color: #000; padding: 10px 0; width: 100%; overflow: hidden; }
img { border-radius: 10px; }
video { max-width: 100% !important; height: auto !important; } 

/* COMPONENTES */
tit1 { display: block; color: #e22; font-size: max(3vw, 1.5rem); font-weight: bold; }
tit2 { display: block; color: #000; font-size: max(1.4vw, 1rem); font-weight: bold; }
tit3 { display: block; color: #36f; font-size: max(1.5vw, 1.5rem); font-weight: bold; }
faq1 { display: block; color: blue;  font-size: 1.0rem; margin-top: 6px; font-weight: bold; }
faq2 { display: block; color: black; font-size: 0.8rem; margin-top: 8px; font-weight: bold; }
faq3 { display: block; color: #888;  font-size: 0.8rem; margin-top: 4px; font-weight: normal; }
nombre { background-color: #c00; border: 4px solid #c00; color: #fff; font-size: 1rem; font-weight: bold; }

/* PAYPAL Y FORMULARIOS */
.btn { margin: 1.2rem 1rem; }
.responsive { width: 100%; max-width: 240px; height: auto; }
.paypal-container { display: flex; align-items: center; justify-content: center; gap: 1.2rem; flex-wrap: wrap; height: 40px; }
.paypal-container input[type="image"] { display: block; margin: 0; }
.pp-button { display: inline-flex; align-items: center; justify-content: center; padding: 0 1.7em; font-size: 1.125rem; 
    background: #009CDA; border-radius: 0.3em; color: #fff; cursor: pointer; border: 0; height: 40px; } 
.pp-button:hover { background-color: #007bb5; }

.registrationForm .form { margin: 10px auto; }
.btn-youtube { display: inline-block; background-color: #FF0000;
    color: #FFFFFF !important; font-size: 1.125rem; font-weight: bold;
    padding: 10px 25px; border-radius: 5px; text-transform: uppercase; margin-top: 10px;
    transition: background-color 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.btn-youtube:hover, .btn-youtube:active { background-color: #CC0000; text-decoration: none; color: #FFFFFF; }