```css
/* ========================================
GLOBAL LAYOUT SYSTEM
======================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
min-width:0;
}

html,
body{
overflow-x:hidden;
max-width:100%;

-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}

/* ========================================
PREVENIR ESCALADO MOBILE
======================================== */

body,
button,
input,
textarea,
select,
a{

-webkit-text-size-adjust:100%;
text-size-adjust:100%;

}

/* ========================================
BODY
======================================== */

body{

font-family:'Inter',sans-serif;

text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;

background:#F5F7FB;
color:#1D2A3A;

padding-top:72px;

overflow-x:hidden;

}

/* ========================================
GLOBAL CONTAINER
======================================== */

.nex-container{

width:100%;

max-width:1300px;

margin:auto;

padding-left:20px;
padding-right:20px;

}

/* ========================================
GLOBAL SECTION
======================================== */

.nex-section{

padding:90px 20px;

}

/* ========================================
HERO GLOBAL
======================================== */

.nex-hero-global{

width:100%;

min-height:50vh;

display:flex;
align-items:center;
justify-content:center;

text-align:center;

padding:
80px 20px
60px;

position:relative;

overflow:hidden;

}

.nex-hero-content{

position:relative;

max-width:850px;

margin:auto;

z-index:2;

}

.nex-hero-content h1{

font-size:clamp(
2.2rem,
5vw,
3.8rem
);

font-weight:800;

line-height:1.1;

color:white;

margin-bottom:16px;

}

.nex-hero-content p{

font-size:18px;

line-height:1.8;

color:rgba(255,255,255,.90);

max-width:720px;

margin:auto;

}

/* ========================================
MOBILE
======================================== */

@media(max-width:768px){

body{
padding-top:72px;
}

.nex-container{

padding-left:16px;
padding-right:16px;

}

.nex-section{

padding:70px 16px;

}

.nex-hero-global{

min-height:42vh;

padding:
72px 18px
42px;

}

.nex-hero-content h1{

font-size:2.3rem;

}

.nex-hero-content p{

font-size:16px;

}

}
```