*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal}
:root{--color-primario:#98d7f1;--color-texto:#fff;--color-principal:#0f98f8;--size-xxl:1320px;--size-xl:1140px;--size-l:960px;--size-m:720px;--size-s:540px;--size-xm:100%;scroll-behavior:smooth}
section{color:#000}
body{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}
header{position:fixed;top:0;display:flex;align-items:center;justify-content:center;padding:1rem;width:100%;height:4rem;transition:background-color .2s ease-in-out}
nav{height:100%;width:90%;display:flex;justify-content:flex-end;position:sticky;top:0;left:0}
img{max-width:100%;height:auto;display:block}
.main{width:100%}
#inicio{background-image:url('../img/banner.png');background-repeat:no-repeat;background-size:cover;width:100%}
nav ul{list-style:none;display:flex;justify-content:flex-start;align-items:center;gap:1rem}
nav ul li a{text-decoration:none;font-weight:700;transition:color .3s,border-bottom .3s;padding-bottom:2px;color:var(--color-texto)}
nav ul li a:hover,nav ul li a:focus{color:var(--color-primario);border-bottom:2px solid var(--color-primario)}
nav ul li a.active{border-bottom:2px solid #fff}
body section{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}
.text{display:flex;justify-content:center;align-items:center;flex-direction:column;width:60%;text-align:center}
.text>h1{color:#0f98f8;font-weight:700;font-size:6rem;text-shadow:#fff 0 0 5px;text-align:start}
span{color:#222;font-weight:500;font-size:1.5rem;line-height:30px;margin-bottom:30px;display:block}
.contenido{display:flex;justify-content:space-between;width:100%;height:100%}
footer{display:none;justify-content:center;align-items:center;width:100%;height:4rem;background-color:var(--color-principal);color:var(--color-texto)}
.contact{display:flex;justify-content:center;align-items:center}
.quote-card{width:340px;background-color:#1496f4;padding:28px;color:#fff;position:relative}
.quote-subtitle{font-size:13px;opacity:.9;display:block;margin-bottom:6px}
.quote-title{font-size:22px;font-weight:600;margin-bottom:20px}
.quote-form{display:flex;flex-direction:column;gap:12px}
.quote-form input{width:100%;padding:12px 14px;border:none;font-size:14px;outline:none}
.quote-form input::placeholder{color:#8a8a8a}
.quote-form button{margin-top:10px;align-self:flex-start;background-color:#1e2a38;color:#fff;border:none;padding:12px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}
.quote-form button:hover{background-color:#0f1720}
#card{background-color:transparent}