*{box-sizing: border-box; margin: 0px;}

body{line-height: 1.6;}

#videoFondo{ position: fixed; min-height: 100%; min-width: 100%;}

header,footer{background-color: rgba(96, 0, 0, 0.82); border-radius: 25px; padding: 15px 20px;}

header{position: fixed; width: 100%; top: 0px;  }

footer{position: fixed; width: 100%; bottom: 0px;}

h1{text-align: center; color: #ffcc00; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}

h2{text-align: center; color: #ffcc00; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}

p{ text-align: center; font-size: 20px;}

header h1{margin-bottom: 8px;}

header p{color: #ffffff;}

footer h2{margin-bottom: 12px;}

.body-subpag{background-color: #b30000; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 20px; color: #ffffff;}

.body-con-video{background-color: transparent;}

.video-fondo{position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}

.body-con-video > header,.body-con-video > main{position: relative; z-index: 1;}

.header-red{background-color: #800000; border-radius: 25px; padding: 15px 20px; text-align: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 3); margin-bottom: 30px;}

.header-red h1{color: #ffcc00; margin: 0 0 10px 0;}

.header-red nav a {color: #ffcc00; text-decoration: none; font-weight: bold; margin: 0 15px; font-size: 18px}

.header-red nav a:hover{text-decoration: underline; color: #ffffff;}

.contenedor-prin{background-color: #ffffff; color: #333333; max-width: 800px; margin: 180px auto 25px auto; padding: 25px; border-radius: 15px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 4);}

.contenedor-prin p{margin: 16px 0 22px; line-height: 1.7;}

.contenedor-prin h3{margin: 24px 0 12px;}

.contenedor-prin ul{padding-left: 24px; line-height: 1.7;}

.contenedor-prin li{margin-bottom: 12px;}

.contenedor-prin img{max-width: 100%; height: auto; border-radius: 10px; margin: 15px auto; display: block;}

.contenedor-prin .boton{margin-top: 24px;}

.contenedor-prin h2{color: #db9e00; border-bottom: 2px solid #db9e00; padding-bottom: 5px; text-align: center;}

.boton{display: block; width: max-content; margin: 0 3px; background-color: yellow; color: black; padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 8px; box-shadow: 0px; font-family: Georgia, 'Times New Roman', Times, serif; }

.contenedor-boton{position: fixed; top: 50%; left: 50%; z-index: 2; display: flex; justify-content: center; align-items: center; gap: 12px; width: max-content; max-width: calc(100vw - 32px); margin: 0; padding: 24px; background-color: rgba(96, 0, 0, 0.78); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); transform: translate(-50%, -50%);}

.contacto{margin-top: 14px; color: #f3d9a4; text-align: center; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; letter-spacing: 0.3px;}

.contacto span{padding: 0 5px; color: #ffffff;}

.boton:hover{background-color: #e6b800}

@media (max-width: 520px){
    .contenedor-boton{flex-wrap: wrap; padding: 18px;}
    .contacto{font-size: 13px;}
}