:root{--top-bar-height:48px;--header-height:90px;--header-total-height:calc(var(--top-bar-height) + var(--header-height));}
      .hero{min-height:800px;background-color:#0A4D68;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:linear-gradient(to right,rgba(10,77,104,.95) 0%,rgba(10,77,104,.7) 40%,rgba(0,0,0,.1) 100%),url("../../img/cabecario.webp");display:flex;align-items:flex-start;position:relative;padding-top:calc(var(--header-total-height) + 60px);color:#fff}
      .hero .container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%}
      .hero-content{max-width:650px}
      .hero h1{font-family:'Playfair Display',serif;font-weight:700;color:#fff;font-size:4.5rem;line-height:1.1;margin-bottom:20px;letter-spacing:-.02em}
      .hero p{font-size:1.15rem;line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:20px}
      .container{max-width:1200px;margin:0 auto;padding:0 24px}
      .top-bar{min-height:var(--top-bar-height);display:flex;align-items:center}
      .main-header{position:absolute;top:var(--top-bar-height);left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center}
      .main-header .container{display:flex;justify-content:space-between;align-items:center}
      body{margin:0;font-family:'Source Sans 3',sans-serif;background-color:#FAFAF9;color:#1C1917;line-height:1.7;-webkit-font-smoothing:antialiased}
      *{margin:0;padding:0;box-sizing:border-box}
      img{max-width:100%;height:auto;display:block}
      @media(max-width:900px){.main-header{position:relative;top:0;height:auto;padding:15px 0;background:#0A4D68}.hero .container{flex-direction:column;align-items:flex-start;padding-top:24px}.hero{min-height:auto;height:auto;padding-top:60px;padding-bottom:60px;background-attachment:scroll}.hero h1{font-size:3rem}}
      @media(max-width:480px){.hero h1{font-size:2.5rem}}