/*
  Breakpoints (mobile-first):
  - base:    390px  (mobile)
  - sm:      760px  (tablet vertical)
  - md:      996px  (tablet horizontal)
  - lg:      1366px (desktop)
  - xl:      1440px (large desktop)
*/

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

:root {
  --breakpoint-mobile: 390px;
  --breakpoint-tablet-v: 760px;
  --breakpoint-tablet-h: 996px;
  --breakpoint-desktop: 1366px;
  --breakpoint-desktop-lg: 1440px;
  --font-family-mont: Inter, sans-serif;
  --font-family-roboto: 'Roboto', sans-serif;
  --v2_black: #000000;
  --v2_grey-dark: #79838E;
  --v2_grey: #C0CFE6;
  --v2_grey-light: #EDF4FC;
  --v2_white: #FFFFFF;
  --v2_magenta: #FF006E;
  --v2_blue: #398AFF;
  --v2_orange: #FF8661;
  --v2_purple: #935CEA;
  --v2_brown: #5B5151;
  --v2_blue-light: #00D1FF;
  --v2_whatsapp: #25D366;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

body {
  min-height: 100vh;
  font-family: var(--font-family-mont);
  font-size: 16px;
  line-height: 1.5;
}

img,
picture,
video,
svg {
  display: block;
  max-width: 100%;
}

.container_cmp {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
}

/* .title_cmp{
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-family-mont);
  font-size: var(--fonts-Size-Title, 24px);
  font-style: normal;
  font-weight: 800;
  line-height: var(--fonts-Line-height-Title, 30px);
  letter-spacing: var(--fonts-Letter-spacing-Title, -1px);
} */

.subtitle_box {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;

  /* Title */
  font-family: var(--font-family-mont);
  font-size: var(--fonts-Size-Title, 24px);
  font-style: normal;
  font-weight: 800;
  line-height: var(--fonts-Line-height-Title, 30px);
  /* 125% */
  letter-spacing: var(--fonts-Letter-spacing-Title, -1px);
}

.text_box {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;

  /* Text base */
  font-family: var(--font-family-mont);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0;
}

.text_bold_box {
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;

  /* Text lead */
  font-family: var(--font-family-mont);
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 26px;
  /* 144.444% */
  letter-spacing: 0;
  text-align: left;
}

.button_mercury {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 40px;
  border: 2px solid;
  background: #000;
  color: #fff;
  text-align: center;

  /* Buttons */
  font-family: var(--font-family-mont);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  /* 0% */
  letter-spacing: 1px;
  min-height: 40px;
  max-width: 215px;
}

/* fuentes */


.title_cmp {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
  color: #79838E;
}

.componente_cajas_box_subtitle,
/* .componente_faq_sin_img_title, */
.banner_text {
  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
}

.text_bold_box,
.componente_cajas_subtitle {
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  margin: 0px;
  line-height: 1;
  color: #79838E;
}

.text_box,
.componente_cajas_box_feature,
.componente_faq_sin_img_item_text {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  margin: 0px;
  color: #79838E;
}

.text_legales {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  color: #79838E;
}

.text_legales a {
  color: #FF006E;
}

.componente_faq_sin_img_item_title {
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  margin: 0px;
  color: #79838E;
}

.componente_faq_sin_img_item_text {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  margin: 0px;
  color: #79838E;
  text-align: left;
}

/* btns */
.button_mercury {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 24px;
  border-radius: 25px;
  background-color: var(--v2_magenta);
  border: 0px;
  color: var(--v2_white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
}

.button_mercury:hover {
  background-color: var(--v2_grey) !important;
  color: var(--v2_white) !important;
}

.button_mercury:disabled {
  opacity: .65;
}

/* colores */
.v2_color_title {
  color: var(--v2_text_title);
}

.v2_color_black {
  color: var(--v2_black);
}

.v2_color_blue {
  color: var(--v2_blue);
}


.v2_color_blue-light {
  color: var(--v2_blue-light);
}

.v2_color_brown {
  color: var(--v2_brown);
}

.v2_color_dgo {
  color: var(--v2_dgo);
}

.v2_color_grey {
  color: var(--v2_grey);
}

.v2_color_grey-dark {
  color: var(--v2_grey-dark);
}

.v2_color_gris_claro {
  color: #7B828C;
}

.v2_color_grey-light {
  color: var(--v2_grey-light);
}

.v2_color_magenta {
  color: var(--v2_magenta);
}

.v2_color_orange {
  color: var(--v2_orange);
}

.v2_color_purple {
  color: var(--v2_purple);
}

.v2_color_white {
  color: var(--v2_white);
}

.v2_color_grey_gemini {
  color: #7B828C;
}


/* Tablet vertical */
@media (min-width: 760px) {
  .container_cmp {
    padding-inline: 1.5rem;
  }
}

/* Tablet horizontal */
@media (min-width: 996px) {
  .banner_text {
    max-width: none;
  }

  .container_cmp {
    padding-inline: 2rem;
  }
}

/* Desktop */
@media (min-width: 1366px) {
  .container_cmp {
    max-width: 1280px;
    padding-inline: 2.5rem;
  }
}

/* Large desktop */
@media (min-width: 1440px) {
  .container_cmp {
    max-width: 1360px;
  }
}