/* =================================================
   DESKTOP LAYOUT
   NO AFECTA MOBILE
   ================================================= */

body{
max-width:1200px;
margin:auto;
border:none;
}

/* HERO */

.hero{
padding:120px 60px !important;
}

/* TITULO HERO */

.hero h1{
font-size:56px !important;
max-width:600px !important;
}

.lead{
font-size:20px !important;
max-width:600px !important;
}

/* BOTONES */

.cta-stack{
display:flex !important;
gap:16px !important;
max-width:500px;
}

/* PROBLEMAS */

.card-list{
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:20px !important;
}

/* SERVICIOS */

.service-grid{
grid-template-columns:repeat(2,1fr) !important;
gap:28px !important;
}

/* TESTIMONIOS */

.chat-carousel img{
max-width:320px !important;
}

/* PROCESO */

.process{
max-width:700px;
margin:auto;
}

/* SECCIONES */

.section{
padding:80px 40px !important;
}

/* =================================================
DESKTOP WIDTH FIX
================================================= */

body{
max-width:1400px !important;
margin:auto !important;
border:none !important;
}


/* HERO FULL WIDTH */

.hero{
width:100vw !important;
margin-left:calc(-50vw + 50%) !important;
padding-left:120px !important;
padding-right:120px !important;
}


/* SECCIONES */

.section{
max-width:1200px !important;
margin:auto !important;
}


/* PROBLEMAS */

.card-list{
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:24px !important;
}


/* SERVICIOS */

.service-grid{
grid-template-columns:repeat(2,1fr) !important;
gap:32px !important;
}


/* HERO TEXTO */

.hero h1{
font-size:64px !important;
max-width:700px !important;
}

.lead{
font-size:22px !important;
max-width:600px !important;
}