@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
:root{
    --azul: #1c1d1e;

}
body{
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #333;
}

header{
	background: #1c1d1e;
 	position: fixed;
 	z-index: 10;
}
footer{
	background: #2B2B2B;
}
h5{
    font-size: 2rem;
font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--azul);
}
.logo{
  height: 35px;
  margin: 5px 0rem;
}

/*--cabecera--*/
.oper{
    background-image: url(../img/portda-hsbc.jpg);
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    max-height: 800px;
}

.tit1{
    text-align: center;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5vw;
    padding: 22% 0px 22% 0px;
    color: #fff;
    text-shadow: 0px 0px 20px #000;
    text-align: -webkit-center;
    text-transform: uppercase;
}
/*--cabecera--*/

/*--boton--*/
button {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: none;
 background: transparent;
 padding: 0;
 font-size: inherit;
 font-family: inherit;
}

button.learn-more {
 width: 12rem;
 height: auto;
}

button.learn-more .circle {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: relative;
 display: block;
 margin: 0;
 width: 3rem;
 height: 3rem;
 background: #000;
 border-radius: 1.625rem;
}

button.learn-more .circle .icon {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 background: #fff;
}

button.learn-more .circle .icon.arrow {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 left: 0.625rem;
 width: 1.125rem;
 height: 0.125rem;
 background: none;
}

button.learn-more .circle .icon.arrow::before {
 position: absolute;
 content: "";
 top: -0.29rem;
 right: 0.0625rem;
 width: 0.625rem;
 height: 0.625rem;
 border-top: 0.125rem solid #fff;
 border-right: 0.125rem solid #fff;
 transform: rotate(45deg);
}

button.learn-more .button-text {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.45rem 0;
 margin: 0 0 0 1.85rem;
 color: #FFF;
 font-weight: 700;
 line-height: 1.6;
 text-align: center;
 text-transform: uppercase;
}

button:hover .circle {
 width: 100%;
}

button:hover .circle .icon.arrow {
 background: #fff;
 transform: translate(1rem, 0);
}

button:hover .button-text {
 color: #fff;
}
/*--boton--*/

/*--division--*/
.custom-shape-divider-bottom-1719324660 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.custom-shape-divider-bottom-1719324660 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 101px;
}

.custom-shape-divider-bottom-1719324660 .shape-fill {
    fill: #FFFFFF;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1719324660 svg {
        width: calc(100% + 1.3px);
        height: 107px;
    }
}
/*---division---*/
.bg-azul{
    background: var(--azul);
    color: #fff;
}
.presentado{
    font-size: 14px;
}
.link{
    color: var(--dorado);
}

.fondo{
    background: var(--azul);
    color: var(--dorado);
    font-size: 1.1rem;
    font-weight: 200;
    text-align: center;
}
.box{
    background: url(../img/vuelo-7.jpg);
     background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    height: 50vh;
    max-height: 800px;
}
.libre{
    overflow: hidden;
}
@media only screen and (max-width: 700px) {

.oper{
    background-image: url(../img/portda-hsbc-m.jpg);
  
}

.tit1{

    font-size: 10vw;
    padding: 25% 0px 25% 0px;
  
}

}