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

:root {

  --bp-smartphone-max: 767px;
  --bp-tablet-min: 768px;
  --bp-tablet-max: 1023px;
  --bp-desktop-min: 1024px;
  --bp-desktop-compact-max: 1727px;
  --bp-desktop-full-min: 1728px;

  /* Colores */
  --color-celeste: #55BDDA;
  --color-celeste-2: #54C0DD;
  --color-naranja: #F6821F;
  --color-claro: #FFFEFE;
  --color-gris-1: #B2B2B2;
  --color-gris-2: #F2F2F2;
  --color-negro: #000000;

  /* Tipografía */
  --font-family: "Lato", sans-serif;

  /* Layout */
  --container-desktop: 1500px;
  --hero-width: 1665px;
  --hero-max-height: 880px;
  --hero-padding-x: 31px;
  --hero-padding-left-inner: 129px;
  --hero-padding-left-y: 109px;
  --hero-padding-form-top: 61px;
  --hero-padding-right-inner: 122px;
  --form-width: 567px;
  --form-max-height: 819px;
  --form-padding-top: 34px;
  /* Top del título alineado al logo del form: shell + padding interno */
  --hero-title-offset-top: calc(var(--hero-padding-form-top) + var(--form-padding-top));
  --form-padding-right: 54px;
  --form-padding-bottom: 54px;
  --form-padding-left: 56px;

  /* Alineación compartida con hero */
  --layout-offset-left: calc(
    var(--hero-padding-x) +
    max(0px, (100vw - (2 * var(--hero-padding-x)) - var(--hero-width)) / 2)
  );
  /* Contenido interno del hero */
  --layout-content-left: calc(var(--layout-offset-left) + var(--hero-padding-left-inner));

  /* Productos swiper */
  --product-card-width: 376px;
  --product-card-height: 484px;
  --product-card-gap: 20px;
  --product-image-width: 348px;
  --product-image-height: 385px;

  /*cards flip */
  --line-card-img-width: 150px;
  --line-card-img-height: 155px;
  --line-card-front-pl: 54px;
  --line-card-front-pt: 41px;
  --line-card-front-pr: 19px;
  --line-card-front-pb: 19px;
  --line-card-front-title-pt: 83px;
  --line-card-back-pl: 30px;
  --line-card-back-pt: 29px;
  --line-card-back-pr: 56px;
  --line-card-back-pb: 29px;
  --line-card-inner-min-height: 267px;
  --line-card-title-narrow-width: 150px;

  /* Texto sobre fondo claro */
  --color-texto: #333333;

  /* CTA — entre líneas y footer */
  --cta-width: 1577px;
  --cta-copy-pl: 85px;
  --cta-copy-pt: 121px;
  --cta-copy-pb: 76px;
  --cta-title-size: 60px;
  --cta-title-lh: 65px;
  --cta-title-gap: 41px;
  --cta-text-size: 20px;
  --cta-bridge-gris-height-base: 204px;
  --cta-bridge-celeste-height-base: 76px;
  --cta-bridge-gris-height: var(--cta-bridge-gris-height-base);
  --cta-bridge-celeste-height: var(--cta-bridge-celeste-height-base);
  --cta-bridge-total-height: calc(var(--cta-bridge-gris-height) + var(--cta-bridge-celeste-height));

  /* Footer consulta */
  --footer-title-pt: 100px;
  --footer-intro-width: 718px;
  --footer-form-width: 1030px;
  --footer-deco-width-base: 88px;
  --footer-deco-height-base: 213px;
  --footer-deco-width-max: 214px;
  --footer-deco-offset-x: 19px;
  --footer-deco-scale: 1;
  --footer-deco-left-top: 62%;
  --footer-deco-right-top: 14%;
  --footer-circle-size-base: 120px;
  --footer-circle-size-max: 120px;
  --footer-circle-scale: 1;
}


body.lp-cintas {
  font-family: var(--font-family);
  color: var(--color-claro);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* container desktop */
.container-desktop {
  width: 100%;
  max-width: var(--container-desktop);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}