@font-face { font-family: 'NeueHaasUnica-Regular'; src: url('FONTS/NeueHaasUnica-Regular.ttf') format('truetype');}
@font-face { font-family: 'NeueHaasUnica-Medium'; src: url('FONTS/NeueHaasUnica-Medium.ttf') format('truetype');}
* { box-sizing: border-box;}
body{margin:0px;padding:0px;position:relative;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div,img,a{box-sizing:border-box;margin:0px;vertical-align:middle;position:relative;font-family: 'NeueHaasUnica-Regular';}
div,section,aside{background-repeat:no-repeat;background-size:cover; padding: 0px 40px;box-sizing:border-box;}
h1{font-size:60px;padding:6px 0px;font-family: 'NeueHaasUnica-Medium';}
h2{font-size:20px;padding:6px 0px;font-family: 'NeueHaasUnica-Regular';}
h3{font-size:15px;white-space:pre-wrap;padding:6px 0px;font-weight:500;}
h4{font-size:20px;white-space:pre-wrap;padding:6px 0px;}
h5{font-size:14px;line-height:1.5em;white-space:pre-wrap;padding:0px;}
ol,ul{margin:0;padding-left:20px;}
p,li,span{font-size:14px;opacity:.8;line-height:1.5em;white-space:pre-wrap;padding:0px;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img,video{vertical-align:middle;max-width:100%;}
.clear{clear:both;}
.center{width:100%;max-width:1200px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.mtop{margin:50px 0px;}
.ptop{padding:50px 0px;}
.componentes:has(.edit){min-height:100px;}
.edit{position:absolute;height:100%;display:flex;align-items:center;z-index:10;padding:5px;border:solid #f83b22 5px;top:0;right:0px;opacity:.5;transition:.3s;}
.edit:hover{background:rgba(248, 59, 34, .6);opacity:1;}
.edit section{height:100%;text-align:center;background:#f83b22;display:flex;align-items:center;margin-left:auto;flex-wrap:wrap;padding:0px 20px;}
.edit section a{width:100%;display:block;text-decoration:underline;color:#fff;}
li[data-list="ordered"] {list-style-type:decimal;display:list-item;}
li[data-list="bullet"] {list-style-type:disc;display:list-item;}


.topnav { width: 100%; height: auto; background-color: #001a33; overflow: hidden; z-index: 1; }
.topnav img { width: 100%; height: auto; }
.topnav a { width: 16%; height: auto; float: left; padding: 0px; text-decoration: none;}
.topnav a.active { background-color: transparent; color: #f2f2f2; }
.topnav a:last-child { border: 1px solid #f2f2f2;border-radius: 5px; float: right;}
.topnav p {color: #f2f2f2; text-align: center;border: none;padding: 10px 0px;}
.topnav p:hover { color: #0a3559; transition: 2s;}


.content { width: 100%; height: auto; padding: 0px 0px;margin: 0px 0px;}
.content h1 { color: #fff; font-size: 60px; text-align: left;padding: 0px 0px; margin: -500px 0px 0px;}
.content p { font-family: 'NeueHaasUnica-Medium';}
#myBtn { width: auto; font-size: 15px; margin-top:20px; padding: 8px 25px; border: none; border-radius: 5px; background: #f2f2f2; color: #001a33; cursor: pointer;}
#myBtn:hover { background: #ddd; color: #001a33;}

.dbrochure{ width:100%; height:auto; padding: 10px 0px; box-sizing: border-box; background-color: #0a3559;}
.dbrochure p{ color: #f2f2f2; font-size: 15px; text-align: center;}

.banner_01{ width:100%; height:auto; padding: 40px 0px; box-sizing: border-box; background-image: url('IMG/banner_01.png'); background-size: cover; background-position: center;background-color: #001a33;}
.banner_01 p{ color: #fff; text-align: center;font-size:20px;}