*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

background:linear-gradient(135deg,#004f9f,#0088D1);

font-family:Segoe UI,Arial,sans-serif;

overflow:hidden;

}

/********************/
/* HEADER */
/********************/

header{

height:75px;

background:white;

display:flex;

justify-content:space-between;

align-items:center;

padding:10px 30px;

box-shadow:0 3px 15px rgba(0,0,0,.25);

}

.logo{

height:55px;

}

.titulo{

text-align:center;

flex:1;

}

.titulo h1{

font-size:38px;

color:#005BAA;

font-weight:700;

}

.titulo p{

color:#666;

font-size:18px;

}

.reloj{

width:240px;

text-align:right;

font-weight:bold;

color:#005BAA;

font-size:22px;

}

/********************/
/* VIDEO */
/********************/

.contenedor-video{

height:calc(100vh - 125px);

padding:15px;

}

iframe{

width:100%;

height:100%;

border:none;

border-radius:12px;

box-shadow:0 8px 20px rgba(0,0,0,.40);

}

/********************/
/* FOOTER */
/********************/

footer{

height:50px;

background:#005BAA;

display:flex;

align-items:center;

overflow:hidden;

color:white;

font-size:22px;

font-weight:600;

}

.marquee{

width:100%;

overflow:hidden;

white-space:nowrap;

}

.texto{

display:inline-block;

padding-left:100%;

animation:mover 22s linear infinite;

}

@keyframes mover{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-100%);

}

}