/* css/lp_setup.css */

/* FONT FACE */
@font-face {
font-family: 'BreeSerif';
src: url('../fonts/BreeSerif/BreeSerif-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Caladea';
src: url('../fonts/Caladea/Caladea-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit/Outfit-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit/Outfit-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit/Outfit-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit/Outfit-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

/* ROOT PRINCIPAL */
:root {
--blue: #080060;
--orange: #FF5900;
--green: #109500;
--lead: #888;
--transparent: #f7f7f7;
--white: #fff;

/* TOKENS VISUALES COMPARTIDOS */
--text: #25283A;
--text-muted: #626879;
--border: #E6E8EE;
--surface: #F7F7F7;
--container-max: 1200px;
--radius-sm: 8px;
--radius-md: 14px;
--radius-lg: 20px;
--shadow-soft: 0 8px 28px rgba(8, 0, 96, 0.06);
}

/* BASE GLOBAL */
*, *::before, *::after {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
background: var(--white);
color: var(--text);
font-family: 'Outfit', 'Poppins', Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
overflow-wrap: break-word;
}

img, video, canvas, svg {
max-width: 100%;
}

img {
height: auto;
}

button, input, select, textarea {
font: inherit;
}

button, a {
-webkit-tap-highlight-color: transparent;
}

:focus-visible {
outline: 3px solid var(--orange);
outline-offset: 3px;
}

/* CONTENEDOR REUTILIZABLE */
.lp-container {
width: 100%;
max-width: var(--container-max);
margin: 0 auto;
padding: 0 24px;
}

/* RESPONSIVE MOBILE */
@media (max-width: 600px) {
.lp-container {
padding: 0 16px;
}
}

/* ACCESIBILIDAD */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}