:root {
  --font-roboto: "Roboto", sans-serif;
  --font-amx: "AMX", sans-serif;
  --font-amx-regular: "AMX Regular", sans-serif;
  --font-amx-medium: "AMX Medium", sans-serif;
  --font-amx-black: "AMX Black", sans-serif;
  --breakpoint-2xl: 94rem;
  --breakpoint-container-2xl: 1440px;
  --color-claro: #da291c;
  --color-claro-dark: #9f1c12;
  --color-claro-pink: #f970b9;
  --color-text-black: #000000;
  --color-text-white: #ffffff;
  --color-pantone: #fff0c2;
  --bg-color-claro: #f00;
  --text-size-h1: 56px;
  --text-size-h1-medium: 52px;
  --text-size-h2: 44px;
  --text-size-bajada: 26px;
  --text-size-p: 20px;
  --transition: all 0.5s ease;
  --radius-btn: 20px;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
}
strong,
b {
  font-weight: 700;
}
#loom-companion-mv3 {
  display: none;
}
body.scrollhidden {
  overflow: hidden;
  position: relative;
}
body.scrollhidden:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #888;
  mix-blend-mode: multiply;
}
body {
  overflow-x: hidden;
}
section {
  background-color: transparent;
}
p {
  line-height: 1;
}
section.c96.bgWhiteSpace {
  background-color: #ffe493 !important;
}
section.c20pe {
  background-color: #ffe493 !important;
}
@media only screen and (min-width: 1500px) {
  .container {
    max-width: 1440px !important;
  }
}
.inline-block {
  display: inline-block;
}
.color-pantone {
  color: var(--color-pantone);
}
.color-white {
  color: var(--color-text-white);
}
.color-black {
  color: var(--color-text-black);
}
.color-pink {
  color: var(--color-claro-pink);
}
.color-red {
  color: var(--bg-color-claro);
}
.font-black {
  font-family: var(--font-amx-black);
}
.font-amx {
  font-family: var(--font-amx);
}
.btn-claro {
  position: relative;
  display: block;
  height: 30px;
  text-align: center;
  color: var(--color-text-white);
  font-family: var(--font-amx);
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
  border-radius: 40px;
  background: linear-gradient(270deg, #b52217, #da291c);
  box-shadow:
    0 -4px 10px #2d2d2d1a inset,
    4px 4px 14px #ffffff1a inset,
    0 4px 12px #83170f80;
  transition: background 0.3s ease;
  outline: none;
  text-decoration: none;
}
.btn-claro-white {
  position: relative;
  display: block;
  height: 30px;
  text-align: center;
  color: #000;
  font-family: var(--font-amx);
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
  border-radius: 40px;
  border: 0px solid #fff;
  background: #fff;
  transition: background 0.3s ease;
  outline: none;
  text-decoration: none;
}
.btn-claro-outline {
  position: relative;
  display: block;
  max-width: 121px;
  height: 32px;
  border-radius: 40px;
  border: 2px solid linear-gradient(270deg, #b52217 0%, #da291c 100%);
  background: linear-gradient(270deg, #b52217, #da291c);
  box-shadow:
    0 -4px 10px #2d2d2d1a inset,
    4px 4px 14px #ffffff1a inset,
    0 4px 12px #83170f80;
  transition: background 0.3s ease;
  margin: 0 auto;
  outline: none;
  text-decoration: none;
}
.btn-claro-outline span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: var(--font-amx);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  width: fit-content;
  white-space: nowrap;
}
.btn-claro:hover {
  background: #fff;
  color: #da291c;
  line-height: 26px;
  border: 2px solid #da291c;
  box-shadow:
    0 -4px 10px #2d2d2d1a inset,
    4px 4px 14px #fff0 inset,
    0 4px 12px #83170f00;
  outline: none;
  text-decoration: none;
}
.btn-claro-white:hover {
  color: #da291c;
  background: #fff;
  border: 0px solid transparent;
  line-height: 30px;
}
.btn-claro-outline:hover {
  background: #fff;
  border: 2px solid #da291c;
  box-shadow:
    0 -4px 10px #2d2d2d1a inset,
    4px 4px 14px #fff0 inset,
    0 4px 12px #83170f00;
  outline: none;
  text-decoration: none;
}
.btn-claro-outline:hover span {
  color: #da291c;
}
.label-full-claro-new {
  display: inline-block;
  color: var(--bg-color-claro);
  background-color: var(--color-text-white);
  font-family: var(--font-amx);
  line-height: 117%;
  padding: 3px 5px 0;
  border-radius: 5px;
  text-shadow: none;
  outline: none;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.label-full-claro-new span {
  font-family: var(--font-amx-regular);
  font-weight: 400;
}
.label-full-claro-new.banner {
  font-size: 18px;
  vertical-align: middle;
}
.label-full-claro-new.full {
  font-size: 24px;
  margin-top: 8px;
  margin-left: 6px;
  vertical-align: middle;
}
.label-full-claro-new.experiencias {
  font-size: 18px;
  color: var(--color-text-white);
  background-color: var(--bg-color-claro);
  vertical-align: middle;
}
.label-full-claro-new.gracias {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  margin-top: 12px;
  padding: 5px 5px 0;
  vertical-align: middle;
}
.label-full-claro-new.participa {
  font-size: 24px;
  line-height: 1;
}
@media (min-width: 388px) {
  .label-full-claro-new.full {
    margin-top: 0;
    margin-left: 6px;
  }
}
@media (min-width: 768px) {
  .label-full-claro-new.banner {
    font-size: 20px;
  }
  .label-full-claro-new.full {
    font-size: 36px;
  }
  .label-full-claro-new.gracias {
    font-size: 80px;
    padding: 14px 5px 0;
  }
  .label-full-claro-new.participa {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  @supports (-webkit-appearance: not (initial)) {
    .label-full-claro-new.gracias {
      padding: 5px 5px 0 !important;
    }
  }
}
@media (min-width: 1200px) {
  .label-full-claro.gracias {
    height: auto;
    min-height: 70px;
  }
  .label-full-claro-new.participa {
    font-size: 44px;
  }
}
.section-main-banner {
  position: relative;
  background-color: #5b4a44;
  padding: 0;
  height: 450px;
}
.section-main-banner img.banner-img {
  width: 100%;
  height: 100%;
}
.section-main-banner .banner-copy {
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.section-main-banner .banner-copy .first {
  color: var(--color-text-white);
  font-family: var(--font-amx);
  text-shadow: 0 7px 17.9px rgba(0, 0, 0, 0.5);
  font-size: 20px;
  line-height: 26px;
}
.section-main-banner .banner-copy .second {
  color: var(--color-text-white);
  font-family: var(--font-amx-black);
  font-size: 120px;
  line-height: 76px;
  font-weight: 800;
  letter-spacing: -2.4px;
}
.section-main-banner .banner-persons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-main-banner .banner-persons img.banner-persons-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.section-main-banner .banner-bg-degrade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background: #000;
  background: linear-gradient(0deg, #000c, #43454399, #73737300);
}
.section-main-banner .banner-text {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.section-main-banner .banner-text .banner-text-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 32px;
}
.section-main-banner .banner-text .banner-text-content h1 {
  color: var(--color-text-white);
  text-shadow: 0 0 10.3px rgba(0, 0, 0, 0.7);
  font-family: var(--font-amx-black);
  font-size: var(--text-size-p);
  line-height: 24px;
  font-weight: 800;
  margin-bottom: 8px;
}
.section-main-banner .banner-text .banner-text-content p {
  color: var(--color-text-white);
  text-shadow: 0 0 10.3px rgba(0, 0, 0, 0.8);
  font-family: var(--font-amx-regular);
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 501px) {
  .section-main-banner .banner-persons img.banner-persons-img {
    object-position: initial;
  }
  .section-main-banner .banner-copy {
    top: 100px;
  }
  .section-main-banner .banner-copy .first {
    font-size: 30px;
    line-height: 26px;
  }
  .section-main-banner .banner-copy .second {
    font-size: 168px;
    line-height: 96px;
  }
}
@media (min-width: 768px) {
  .section-main-banner .banner-copy {
    top: 150px;
  }
  .section-main-banner .banner-copy .first {
    font-size: 40px;
    line-height: 26px;
  }
  .section-main-banner .banner-copy .second {
    font-size: 240px;
    line-height: 176px;
  }
  .section-main-banner .banner-text .banner-text-content {
    max-width: 612px;
    padding: 0;
  }
  .section-main-banner .banner-text .banner-text-content h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .section-main-banner .banner-text .banner-text-content p {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .section-main-banner .banner-copy .second {
    font-size: 280px;
  }
}
@media (min-width: 1200px) {
  .section-main-banner {
    height: 100%;
    max-height: 650px;
  }
  .section-main-banner .banner-copy {
    top: 194px;
  }
  .section-main-banner .banner-copy .first {
    font-size: 42px;
    line-height: 26px;
  }
  .section-main-banner .banner-copy .second {
    position: relative;
    top: -28px;
    font-size: 292px;
    line-height: 272px;
    letter-spacing: -8px;
  }
  .section-main-banner .banner-text .banner-text-content {
    max-width: 792px;
  }
  .section-main-banner .banner-text .banner-text-content h1 {
    font-size: 48px;
    line-height: 48px;
  }
  .section-main-banner .banner-text .banner-text-content p {
    font-size: var(--text-size-bajada);
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .section-main-banner .banner-copy .second {
    font-size: 312px;
  }
}
@media (min-width: 1800px) {
  .section-main-banner .banner-copy {
    top: 227px;
  }
  .section-main-banner .banner-copy .first {
    line-height: 42px;
  }
  .section-main-banner .banner-copy .second {
    font-size: 350px;
  }
}
@media (min-width: 1916px) {
  .section-main-banner {
    height: 644px;
  }
  .section-main-banner .banner-persons img.banner-persons-img {
    object-fit: contain;
  }
}
.section-main-content {
  position: relative;
  background: linear-gradient(180deg, red, #690000 125.85%);
  padding: 32px 0 42px;
}
.full-bg-1,
.full-bg-2 {
  display: none;
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  .section-main-content {
    padding: 52px 0 43px;
  }
}
@media (min-width: 1200px) {
  .full-bg-1,
  .full-bg-2 {
    display: block;
  }
  .full-bg-1 {
    left: 0;
    top: 5.5%;
  }
  .full-bg-2 {
    right: 0;
    top: 12.5%;
  }
  .section-main-content {
    padding: 69px 0;
  }
}
@media (min-width: 1440px) {
  .full-bg-2 {
    top: 15%;
  }
}
.beneficios-full-claro {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 0 12px 40px;
}
.beneficios-full-claro h2 {
  color: var(--color-text-white);
  font-family: var(--font-amx);
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
}
.beneficios-full-claro img.fullclaro-logo {
  width: 200px;
  height: 47px;
  padding-left: 12px;
}
@media (min-width: 768px) {
  .beneficios-full-claro {
    padding: 0 12px 60px;
  }
  .beneficios-full-claro h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .beneficios-full-claro h2 {
    font-size: var(--text-size-h2);
    line-height: 52px;
  }
}
.content-cards {
  position: relative;
}
.slider-benefits {
  width: 100%;
  max-width: 250px;
  margin: 32px auto 0;
}
.slider-nav-benefits {
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.slider-nav-benefits .prev-btn,
.slider-nav-benefits .next-btn,
.slider-nav-benefits .prev-btn .arrow-circle,
.slider-nav-benefits .next-btn .arrow-circle {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  outline: none;
}
.slider-nav-benefits .next-btn .arrow-circle {
  transform: rotate(180deg);
}
.slider-benefits ul.slick-dots {
  bottom: -42px;
}
.card-benefits {
  position: relative;
  width: 100%;
  min-height: 307px;
  margin: 0 10px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 32px 16px;
  gap: 16px;
}
.card-benefits .card-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card-benefits .card-bg .first {
  position: relative;
  background-color: var(--color-pantone);
  border-radius: 20px;
  width: 100%;
  height: 78%;
}
.card-benefits .card-bg .second {
  position: relative;
  top: -1px;
  background-color: var(--color-pantone);
  border-radius: 20px;
  width: 100%;
  height: 22%;
}
.card-benefits img {
  width: 122px;
  height: 122px;
}
.card-benefits h3 {
  color: var(--bg-color-claro);
  font-family: var(--font-amx-black);
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
  margin-bottom: 8px;
}
.card-benefits p {
  color: var(--color-text-black);
  font-family: var(--font-amx-regular);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 12px;
}
.card-benefits .card-content img.claro-musica-logo {
  width: 90px;
  height: auto;
  margin: 0 auto 4px;
}
.card-benefits .card-content .btn-claro {
  max-width: 132px;
  margin: 0 auto;
}
.card-benefits.pos-4 {
  padding: 16px 32px;
}
@media (min-width: 560px) {
  .slider-nav-benefits {
    max-width: 556px;
  }
  .slider-benefits {
    max-width: 470px;
  }
}
@media (min-width: 768px) {
  .slider-nav-benefits {
    max-width: 686px;
  }
  .slider-benefits {
    max-width: 600px;
    display: flex;
    gap: 20px;
    margin-top: 32px;
  }
  .slider-benefits ul.slick-dots {
    bottom: -46px;
  }
  .card-benefits {
    flex-direction: row;
    padding: 40px 32px;
    text-align: left;
  }
  .card-benefits .card-bg {
    flex-direction: row;
  }
  .card-benefits .card-bg .first {
    width: 78%;
    height: inherit;
  }
  .card-benefits .card-bg .second {
    top: 0;
    right: 1px;
    width: 22%;
    height: inherit;
  }
  .card-benefits img {
    width: 221px;
    height: 221px;
    object-fit: cover;
  }
  .card-benefits h3 {
    font-size: 32px;
    line-height: 36px;
  }
  .card-benefits p {
    font-size: 20px;
    line-height: 24px;
  }
  .card-benefits .card-content span.claro-musica-block {
    display: inline-flex;
    position: relative;
  }
  .card-benefits .card-content img.claro-musica-logo {
    width: 130px;
    height: 22px;
    margin: initial;
  }
  .card-benefits .card-content span.text-premium {
    position: relative;
    top: 5px;
    padding-left: 6px;
  }
  .card-benefits .card-content .btn-claro {
    margin: 0;
  }
  .card-benefits.pos-4 .card-content {
    max-width: 260px;
  }
}
@media (min-width: 1200px) {
  .beneficios-full-claro {
    padding: 0 0 94px;
  }
  .content-cards {
    padding: 0 20px;
  }
  .slider-nav-benefits {
    display: none;
  }
  .slider-benefits {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .card-benefits {
    max-width: 440px;
    min-height: 234px;
    margin: 0;
    padding: 27px 14px 27px 20px;
  }
  .card-benefits.pos-4 {
    padding: 16px 22px 16px 20px;
  }
  .card-benefits .card-bg {
    z-index: 0;
  }
  .card-benefits img {
    z-index: 1;
    width: 180px;
    height: 180px;
  }
  .card-benefits .card-content {
    z-index: 1;
  }
  .card-benefits h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .card-benefits p {
    font-size: 18px;
    line-height: 20px;
  }
  .card-benefits .card-content span.text-premium {
    top: 7px;
  }
  .card-benefits .card-content img.claro-musica-logo {
    position: relative;
    top: 1px;
    width: fit-content;
    height: 20px;
  }
}
@media (min-width: 1440px) {
  .slider-benefits {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 56px;
  }
  .card-benefits {
    max-width: 535px;
    min-height: 275px;
    margin-right: 0;
    padding: 27px 20px;
  }
  .card-benefits img {
    width: 221px;
    height: 221px;
  }
  .card-benefits h3 {
    font-size: 32px;
    line-height: 36px;
  }
  .card-benefits p {
    font-size: 20px;
    line-height: 24px;
  }
  .card-benefits .card-content img.claro-musica-logo {
    top: 0;
  }
  .card-benefits .card-content span.text-premium {
    top: 3px;
  }
}
.banner-laptop-men {
  display: none;
  position: relative;
  margin-bottom: 40px;
}
.banner-laptop-men img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
}
@media (min-width: 500px) {
  .banner-laptop-men img {
    border-radius: 35px;
  }
}
@media (min-width: 768px) {
  .banner-laptop-men {
    margin-bottom: 43px;
  }
}
@media (min-width: 1200px) {
  .banner-laptop-men {
    margin-bottom: 90px;
  }
  .banner-laptop-men img {
    border-radius: 40px;
  }
}
.claro-club {
  position: relative;
  z-index: 1;
  max-width: 1424px;
  margin: 0 auto;
  padding: 0 12px;
}
.claro-club h2 {
  text-align: center;
  font-family: var(--font-amx-black);
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-white);
  font-weight: 800;
  max-width: 470px;
  margin: 0 auto 40px;
}
.claro-club .claro-club-container-img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 330px;
  min-height: 326px;
  margin: 0 auto;
}
.claro-club .claro-club-container-img .claro-club-text-full {
  position: absolute;
  z-index: -1;
  top: 24%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.claro-club .claro-club-container-img .claro-club-text-full p {
  color: #f9b2b2;
  font-family: var(--font-amx);
  font-size: 102px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -2.4px;
}
.claro-club .claro-club-container-img img.claro-club-img {
  width: 72%;
  height: auto;
  margin: 0 auto;
}
.claro-club .claro-club-container-img .claro-club-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.claro-club .claro-club-container-img .claro-club-items img {
  position: absolute;
  width: 100%;
  height: auto;
}
.claro-club
  .claro-club-container-img
  .claro-club-items
  img.claro-club-img__lentes {
  left: 0;
  top: 156px;
  width: 40px;
}
.claro-club
  .claro-club-container-img
  .claro-club-items
  img.claro-club-img__gorra {
  right: 6px;
  top: -5px;
  width: 47px;
}
.claro-club
  .claro-club-container-img
  .claro-club-items
  img.claro-club-img__avion {
  left: 0;
  bottom: 186px;
  width: 56px;
}
.claro-club
  .claro-club-container-img
  .claro-club-items
  img.claro-club-img__dona {
  right: 38px;
  bottom: 170px;
  width: 37px;
}
.claro-club .plain-tooltip-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: absolute;
  left: 50%;
  transform: translate(-41%, -26%);
  max-width: 294px;
}
.claro-club .plain-tooltip-container .block-tooltip {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ffccd3;
  width: 255px;
  padding: 14px 20px;
}
.claro-club .plain-tooltip-container .block-tooltip:after {
  content: "";
  position: absolute;
  border-width: 16px;
  border-style: solid;
  left: calc(100% - 1px);
  top: 76%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent #ffccd3;
}
.block-tooltip h4,
.block-tooltip p {
  font-family: var(--font-amx);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
.block-tooltip p {
  color: var(--color-claro);
  margin-bottom: 12px;
}
.block-tooltip a.btn-claro {
  max-width: 140px;
}
.claro-club .plain-tooltip-container img.sol-claro {
  width: 56px;
  height: 56px;
  margin: 0 0 12px 26px;
}
@media (min-width: 400px) {
  .claro-club {
    margin: 0 auto 20px;
  }
  .claro-club .claro-club-container-img {
    max-width: 370px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full {
    top: 27%;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 114px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    right: 34px;
    top: 75px;
    width: 55px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    left: 0;
    bottom: 18px;
    width: 46px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    right: 18px;
    bottom: 96px;
    height: auto;
    width: 50px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(-41%, -31%);
  }
}
@media (min-width: 480px) {
  .claro-club {
    margin: 0 auto 58px;
  }
  .claro-club .claro-club-container-img {
    max-width: 450px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 138px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: -10px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 162px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    bottom: 104px;
    right: 76px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(-41%, -38%);
  }
}
@media (min-width: 560px) {
  .claro-club {
    margin: 0 auto 110px;
  }
  .claro-club .claro-club-container-img {
    max-width: 530px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full {
    top: 40%;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 162px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: 22px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: 16px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 116px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    right: 96px;
    bottom: 74px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(-41%, -44%);
  }
}
@media (min-width: 680px) {
  .claro-club {
    margin: 0 auto 96px;
  }
  .claro-club .claro-club-container-img {
    max-width: 650px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 198px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    width: 84px;
    height: auto;
    top: 8px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    width: 88px;
    height: auto;
    top: -16px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    width: 88px;
    height: auto;
    bottom: 120px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    width: 64px;
    height: auto;
    bottom: 54px;
    right: 102px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(-41%, -55%);
  }
}
@media (min-width: 768px) {
  .claro-club {
    margin: 0 auto 172px;
    padding: 0 32px;
  }
  .claro-club h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 auto 56px;
    max-width: 700px;
  }
  .claro-club .claro-club-container-img {
    max-width: 704px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full {
    top: 35%;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 250px;
  }
  .claro-club .claro-club-container-img img.claro-club-img {
    max-width: 605px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    width: 67px;
    top: 270px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    width: 140px;
    top: 104px;
    right: 14px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    width: 100px;
    bottom: -70px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    width: 94px;
    height: auto;
    bottom: 24px;
    right: 18px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(-37%, -40%);
    max-width: 440px;
  }
  .claro-club .plain-tooltip-container .block-tooltip {
    width: 412px;
    padding: 28px 26px;
  }
  .block-tooltip h4,
  .block-tooltip p {
    font-size: var(--text-size-p);
    line-height: 28px;
  }
  .block-tooltip p {
    margin-bottom: 24px;
  }
  .claro-club .plain-tooltip-container img.sol-claro {
    /*width: 113px;
    height: 113px;*/
    width: 79px;
    height: 79px;
    position: relative;
    top: -8px;
  }
}
@media (min-width: 900px) {
  .claro-club {
    margin: 0 auto 172px;
  }
  .claro-club .claro-club-container-img {
    max-width: 836px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 254px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: 12px;
    left: 24px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: -14px;
    right: 60px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 42px;
    left: 80px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    right: 100px;
    bottom: 92px;
  }
}
@media (min-width: 992px) {
  .claro-club .claro-club-container-img {
    max-width: 928px;
  }
  .claro-club .claro-club-container-img img.claro-club-img {
    max-width: 756px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 280px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: 45px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: 34px;
    right: 80px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 64px;
    left: 66px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    bottom: 150px;
  }
}
@media (min-width: 1024px) {
  .claro-club .claro-club-container-img {
    max-width: 960px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 290px;
  }
}
@media (min-width: 1180px) {
  .claro-club .claro-club-container-img {
    max-width: 1122px;
  }
  .claro-club .claro-club-container-img img.claro-club-img {
    max-width: 560px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 324px;
    letter-spacing: -8px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: -4px;
    left: 128px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: -52px;
    right: 122px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 126px;
    left: 122px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    bottom: 224px;
    right: 68px;
  }
}
@media (min-width: 1200px) {
  .claro-club {
    margin: 0 auto 50px;
  }
  .claro-club h2 {
    font-size: var(--text-size-h2);
    line-height: 52px;
    max-width: 880px;
  }
  .claro-club .claro-club-container-img {
    max-width: 1136px;
  }
  .claro-club .claro-club-container-img img.claro-club-img {
    max-width: 710px;
  }
  .claro-club .claro-club-container-img .claro-club-text-full {
    top: 34%;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 284px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    width: 115px;
    top: 218px;
    left: 108px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    width: 195px;
    top: 94px;
    right: 130px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    width: 100px;
    bottom: 82px;
    left: 182px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    width: 100px;
    right: 40px;
    bottom: 246px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(20%, -117%);
    max-width: 458px;
  }
  .claro-club .plain-tooltip-container .block-tooltip {
    width: 261px;
  }
}
@media (min-width: 1280px) {
  .claro-club {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto 20px;
  }
  .claro-club .claro-club-container-img {
    max-width: 100%;
  }
  .claro-club .claro-club-container-img img.claro-club-img {
    max-width: initial;
  }
  .claro-club .claro-club-container-img .claro-club-text-full {
    top: 32%;
  }
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 320px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: 260px;
    left: 110px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    top: 172px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 116px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    bottom: 266px;
    right: 104px;
  }
  .claro-club .plain-tooltip-container {
    transform: translate(20%, -152%);
  }
}
@media (min-width: 1440px) {
  .claro-club .claro-club-container-img .claro-club-text-full p {
    font-size: 380px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__lentes {
    top: 278px;
    left: 32px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__gorra {
    right: 120px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__avion {
    bottom: 90px;
  }
  .claro-club
    .claro-club-container-img
    .claro-club-items
    img.claro-club-img__dona {
    bottom: 253px;
    right: 74px;
  }
}
.rompe-rutina-claro {
  max-width: 1424px;
  margin: 0 auto;
}
.rompe-rutina-claro.bottom {
  padding-bottom: 40px;
}
.rompe-rutina-claro h2 {
  text-align: center;
  font-family: var(--font-amx-black);
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-white);
  font-weight: 800;
  max-width: 470px;
  margin: 0 auto 32px;
}
.content-slider {
  overflow: hidden;
  width: 100%;
  min-height: 180px;
}
.rompe-rutina-claro .content-btn {
  margin-top: 32px;
}
.rompe-rutina-claro .content-btn a.btn-claro-white {
  margin: 0 auto;
  max-width: 128px;
}
.content-slider .logos {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.content-slider .logos .item .marquee-track {
  display: flex;
  gap: 32px;
  align-items: center;
}
.content-slider .logos .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-text-white);
  border-radius: 10px;
  width: 170px;
  height: 80px;
  flex-shrink: 0;
}
.content-slider .logos .logo img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .rompe-rutina-claro.bottom {
    padding-bottom: 43px;
  }
  .rompe-rutina-claro h2 {
    max-width: 100%;
    font-size: 36px;
    line-height: 40px;
  }
  .rompe-rutina-claro .content-btn a.btn-claro-white {
    max-width: 186px;
    height: 50px;
    line-height: 50px;
  }
  .rompe-rutina-claro .content-btn a.btn-claro-white span {
    font-size: 16px;
  }
  .rompe-rutina-claro .content-slider {
    min-height: initial;
  }
}
@media (min-width: 1200px) {
  .rompe-rutina-claro.bottom {
    padding-bottom: 69px;
  }
  .rompe-rutina-claro h2 {
    margin: 0 auto 56px;
    font-size: var(--text-size-h2);
    line-height: 52px;
  }
  .rompe-rutina-claro .content-btn {
    margin-top: 56px;
  }
}
.participa-sorteos-experiencias {
  max-width: 1424px;
  margin: 0 auto;
}
.participa-sorteos-experiencias h2 {
  text-align: center;
  font-family: var(--font-amx-black);
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-white);
  font-weight: 800;
  max-width: 470px;
  margin: 0 auto 32px;
}
@media (min-width: 768px) {
  .participa-sorteos-experiencias h2 {
    max-width: 700px;
    font-size: 36px;
    line-height: 40px;
    margin: 0 auto 40px;
  }
}
@media (min-width: 1200px) {
  .participa-sorteos-experiencias h2 {
    position: relative;
    top: 42px;
    max-width: 910px;
    margin: 0 auto;
    font-size: var(--text-size-h2);
    line-height: 52px;
  }
}
.vivir-full {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 12px;
  overflow: hidden;
}
.vivir-full h2 {
  text-align: center;
  font-family: var(--font-amx-black);
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-white);
  font-weight: 800;
  max-width: 220px;
  margin: 0 auto 6px;
}
.content-cards-full {
  position: relative;
}
.slider-nav-full {
  display: none !important;
}
@media (min-width: 508px) {
  .vivir-full h2 {
    max-width: initial;
  }
}
@media (min-width: 768px) {
  .vivir-full {
    margin: 0 auto 43px;
  }
  .vivir-full h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .vivir-full {
    margin: 0 auto 69px;
  }
  .vivir-full h2 {
    font-size: var(--text-size-h2);
    line-height: 48px;
    margin-bottom: 40px;
  }
}
.slider-card-full {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 50px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  justify-content: center;
}
.slider-nav-full {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.slider-nav-full .prev-btn,
.slider-nav-full .next-btn,
.slider-nav-full .prev-btn .arrow-circle,
.slider-nav-full .next-btn .arrow-circle {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  outline: none;
}
.slider-nav-full .next-btn .arrow-circle {
  transform: rotate(180deg);
}
.card-full {
  position: relative;
  width: 100%;
  height: 188px;
  border-radius: 30px;
  margin: 20px 10px 0;
  padding: 24px;
  cursor: pointer;
}
.slider-card-full .card-full .card-box-content .btn-claro {
  max-width: 112px;
}
.card-full p {
  font-family: var(--font-amx-regular);
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
}
.card-full img.card-bg-img {
  border-radius: 30px;
}
.card-full .card-box-content p strong {
  color: var(--color-text-black);
}
.card-full .card-box-content p.color-white strong {
  color: var(--color-text-white);
}
.card-full .card-box-content p span {
  display: block;
  font-size: 12px;
  font-family: var(--font-amx-medium);
}
.card-full-1 img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: fill;
  height: 100%;
  width: 100%;
}
.card-full-1 .card-box-content {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 100%;
  max-width: 142px;
}
.card-full-1 .card-box-content p {
  margin-bottom: 42px;
}
.slider-card-full .card-full-1 .card-box-content a.btn-claro-white {
  max-width: 94px;
}
.card-full-2 img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.card-full-2 .card-box-content {
  position: absolute;
  bottom: 21px;
  left: 26px;
  width: 100%;
  max-width: 144px;
}
.card-full-2 .card-box-content p {
  margin-bottom: 14px;
}
.card-full-3 {
  background-color: var(--color-pantone);
}
.card-full-3 .card-box-img {
  position: absolute;
  top: -12px;
  left: 20px;
  width: 218px;
}
.card-full-3 .card-box-img img {
  width: 180px;
  height: auto;
}
.card-full-3 img.pin {
  position: absolute;
  right: 12px;
  bottom: 20px;
  width: 47px;
  height: 54px;
}
.card-full-3 .card-box-img p {
  position: relative;
  top: -2px;
  color: var(--color-text-black);
  font-family: var(--font-amx);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding-left: 38px;
}
.card-full-3 .card-box-content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 100%;
  max-width: 162px;
}
.card-full-3 .card-box-content p {
  margin-bottom: 18px;
}
.card-full-4 {
  background-color: var(--color-pantone);
  background-image: url(https://www.claro.com.pe/assets/havas/full-claro-full-beneficios/_assets/card-claro-control-bg.CrSREm5W.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.card-full-4 .card-box-content {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 20px;
  max-width: 116px;
}
.card-full-4 .card-box-content p {
  margin-bottom: 26px;
}
.card-full-5 {
  background-image: url(https://www.claro.com.pe/assets/havas/full-claro-full-beneficios/_assets/card-claro-video-bg.QhxX2Nqw.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.card-full-5 .card-box-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 100%;
  max-width: 150px;
}
.card-full-5 .card-box-content p {
  margin-bottom: 16px;
}
.card-full-6 {
  background-image: url(https://www.claro.com.pe/assets/havas/full-claro-full-beneficios/_assets/card-claro-drive-bg.BLI4Odm4.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.card-full-6 .card-box-content {
  position: absolute;
  bottom: 16px;
  left: 30px;
  width: 100%;
  max-width: 140px;
}
.card-full-6 .card-box-content p {
  margin-bottom: 16px;
}
.card-full-7 {
  background-image: url(https://www.claro.com.pe/assets/havas/full-claro-full-beneficios/_assets/card-clarl1max-bg.BpJMuOwt.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.card-full-7 .card-box-content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 100%;
  max-width: 140px;
}
.card-full-7 .card-box-content p {
  margin-bottom: 4px;
}
@media (min-width: 560px) {
  .slider-nav-full {
    max-width: 590px;
  }
}
@media (min-width: 768px) {
  .card-full-1 .card-box-content {
    max-width: 150px;
  }
  .slider-card-full {
    max-width: 600px;
  }
  .card-full-6 .card-box-content p {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .slider-nav-full {
    max-width: 942px;
  }
  .slider-card-full {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .slider-nav-full {
    display: none;
  }
  .slider-card-full {
    width: 100%;
    max-width: 1134px;
    margin: 0 auto;
    margin-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: center;
  }
  .card-full {
    position: relative;
    width: 100%;
    max-width: 340px;
    height: 275px;
    border-radius: 30px;
    padding: 30px 36px;
    margin: 0;
    cursor: default;
  }
  .card-full .card-box-content p {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 84px;
  }
  .card-full-1 .card-box-content {
    max-width: 204px;
    top: 34px;
    left: 35px;
  }
  .card-full-1 .card-box-content p {
    margin-bottom: 74px;
  }
  .slider-card-full .card-full-1 .card-box-content a.btn-claro-white {
    max-width: 121px;
  }
  .card-full-2 .card-box-content {
    bottom: 37px;
    max-width: 208px;
  }
  .card-full-2 .card-box-content p {
    margin-bottom: 26px;
  }
  .card-full-3 .card-box-content {
    bottom: 37px;
    left: 36px;
    max-width: 212px;
  }
  .card-full-3 .card-box-content p {
    margin-bottom: 26px;
  }
  .card-full-3 .card-box-img {
    width: 294px;
  }
  .card-full-3 .card-box-img p {
    font-size: 28px;
    line-height: 1;
  }
  .card-full-3 .card-box-img img {
    width: 100%;
    height: auto;
  }
  .card-full-3 img.pin {
    right: 24px;
    bottom: 20px;
    width: 59px;
    height: 71px;
  }
  .card-full-4 .card-box-content {
    bottom: 40px;
    left: 36px;
    max-width: 190px;
  }
  .card-full-4 .card-box-content p {
    margin-bottom: 40px;
  }
  .card-full-5 .card-box-content {
    max-width: 174px;
    bottom: 39px;
    left: 36px;
  }
  .card-full-5 .card-box-content p {
    margin-bottom: 40px;
  }
  .card-full-6 .card-box-content {
    bottom: 39px;
    left: 36px;
    max-width: 190px;
  }
  .card-full-6 .card-box-content p {
    margin-bottom: 16px;
  }
  .card-full-7 .card-box-content {
    bottom: 39px;
    left: 36px;
    max-width: 190px;
  }
  .card-full-7 .card-box-content p {
    margin-bottom: 16px;
  }
  .slider-card-full .card-full .card-box-content .btn-claro {
    max-width: 121px;
  }
}
.todo-necesitas {
  width: 100%;
  margin: 0 auto;
  padding: 32px 0 0;
}
.content-todo-necesitas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.todo-necesitas .content-text {
  width: 100%;
  max-width: 552px;
  text-align: center;
}
.todo-necesitas .content-text .mi-claro-app-logo {
  width: 152px;
  margin: 0 auto 8px;
}
.todo-necesitas .content-text .content-download-btn.tablet {
  display: none;
}
.todo-necesitas .content-card-img {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.todo-necesitas .content-card {
  width: 100%;
  max-width: fit-content;
  display: flex;
  flex-direction: row;
  gap: 10px;
  display: none;
}
@media (min-width: 640px) {
  .content-todo-necesitas {
    max-width: 530px;
    margin: 0 auto;
    flex-direction: row;
    gap: 20px;
  }
  .todo-necesitas .content-text {
    text-align: left;
  }
  .todo-necesitas .content-text .mi-claro-app-logo {
    margin: 0 0 8px;
  }
  .todo-necesitas .content-card-img {
    margin-top: 0;
  }
  .todo-necesitas .content-text .content-download-btn.tablet {
    display: block;
  }
}
@media (min-width: 768px) {
  .todo-necesitas {
    padding: 43px 0 0;
  }
  .content-todo-necesitas {
    max-width: 650px;
  }
}
@media (min-width: 1200px) {
  .todo-necesitas {
    padding: 69px 0 0;
  }
  .content-todo-necesitas {
    max-width: 872px;
  }
  .todo-necesitas .content-text .mi-claro-app-logo {
    margin: 0 0 6px;
  }
  .todo-necesitas .content-download-btn {
    display: none;
  }
  .todo-necesitas .content-card {
    gap: 24px;
  }
  .todo-necesitas .content-text .content-download-btn.tablet {
    display: none;
  }
}
.card-necesitas {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 139px;
  height: 104px;
  border-radius: 20px;
  border: 1px solid var(--color-text-white);
  align-items: center;
  padding: 34px 16px 14px;
  text-align: center;
}
.todo-necesitas .content-card .card-necesitas p {
  color: var(--color-text-white);
  font-family: var(--font-amx-regular);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
.card-necesitas .card-necesitas__img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -65%);
  width: 50px;
  height: 50px;
}
.todo-necesitas .content-img {
  width: 100%;
  max-width: 256px;
}
.todo-necesitas .content-img img {
  width: 100%;
  object-fit: contain;
}
.todo-necesitas h2 {
  font-family: var(--font-amx-black);
  font-size: 24px;
  line-height: 28px;
  color: var(--color-text-white);
  font-weight: 800;
  max-width: 266px;
  margin: 0 auto;
}
.todo-necesitas p {
  color: var(--color-text-white);
  font-family: var(--font-amx-regular);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
}
.todo-necesitas .content-download-btn {
  margin-top: 20px;
}
.todo-necesitas .content-download-btn a.btn-claro-white {
  margin: 0 auto;
  max-width: 160px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.todo-necesitas .content-download-btn a.btn-claro-white:hover {
  line-height: 40px;
}
.todo-necesitas .content-qr {
  display: none;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  max-width: 298px;
  margin: 0 auto;
}
.todo-necesitas .content-qr p {
  max-width: 216px;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}
.todo-necesitas .content-card-img .content-download-btn {
  width: 100%;
}
.todo-necesitas .content-card-img .content-download-btn a.btn-claro-white {
  margin: 0 auto;
  max-width: 160px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.todo-necesitas .content-qr img {
  width: 82px;
  height: 82px;
}
@media (min-width: 520px) {
  .card-necesitas {
    padding: 50px 38px 24px;
    max-width: 207px;
    height: 133px;
  }
  .todo-necesitas .content-card .card-necesitas p {
    font-size: 20px;
    line-height: 24px;
  }
  .card-necesitas .card-necesitas__img {
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
  }
}
@media (min-width: 640px) {
  .todo-necesitas .content-card-img .content-download-btn.mobile-desktop {
    display: none;
  }
  .todo-necesitas .content-img {
    max-width: 310px;
  }
  .todo-necesitas .content-download-btn a.btn-claro-white {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .todo-necesitas .content-card {
    flex-direction: row;
    gap: 16px;
  }
  .todo-necesitas .content-text {
    max-width: initial;
    min-width: 380px;
  }
  .todo-necesitas .content-card-img {
    max-width: 662px;
    flex-direction: row;
    justify-content: center;
    margin-top: 0;
  }
  .todo-necesitas h2 {
    font-size: 36px;
    line-height: 40px;
    max-width: 390px;
  }
  .todo-necesitas p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .card-necesitas {
    width: 207px;
    height: 133px;
    padding: 46px 40px 20px;
  }
  .todo-necesitas .content-text {
    min-width: initial;
    max-width: initial;
    text-align: left;
    width: 260px;
  }
  .todo-necesitas .content-card .card-necesitas p {
    font-size: 20px;
    line-height: 24px;
  }
  .todo-necesitas .content-img {
    max-width: 300px;
  }
  .todo-necesitas .content-card-img {
    margin-top: 0;
    justify-content: flex-end;
    max-width: calc(100% - 280px);
    gap: 50px;
  }
  .todo-necesitas h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    max-width: 260px;
    margin: 0 0 29px;
  }
  .todo-necesitas p {
    font-size: var(--text-size-p);
  }
  .todo-necesitas .content-qr {
    display: flex;
    margin: 0;
  }
  .todo-necesitas .content-qr p {
    font-size: 16px;
    line-height: 20px;
    max-width: 150px;
  }
}
.container-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.full-sit-img {
  position: relative;
  z-index: 1;
  top: 1px;
  width: 100%;
  max-width: 244px;
  height: auto;
  object-fit: cover;
  margin: 0 auto;
}
.container-exp {
  position: relative;
  z-index: 2;
}
.content {
  width: 100%;
  min-height: 344px;
  padding: 30px 12px;
  background-color: var(--color-pantone);
  border-radius: 40px;
  text-align: center;
}
.container-slider .content h2 {
  display: inline-block;
  text-align: center;
  font-family: var(--font-amx);
  font-size: 24px;
  line-height: 30px;
  color: var(--color-text-black);
  margin-bottom: 18px;
  font-weight: 700;
  padding: 0 7px;
}
.container-slider .content h2 img {
  display: inline-block;
  vertical-align: middle;
  width: 95px;
  height: 36px;
  margin-top: 5px;
}
.content-sorteos {
  position: relative;
  max-width: 390px;
  margin: 0 auto;
}
.image-sorteo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.slider-nav-sorteos {
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.slider-nav-sorteos .prev-btn,
.slider-nav-sorteos .next-btn,
.slider-nav-sorteos .prev-btn .arrow-circle,
.slider-nav-sorteos .next-btn .arrow-circle {
  width: 22px;
  height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
}
.slider-nav-sorteos .next-btn .arrow-circle {
  transform: rotate(180deg);
}
.container-slider .content .slider-sorteos {
  flex-direction: row;
  gap: 20px;
  max-width: 254px;
  margin: 0 auto;
}
.container-slider .content .slider-sorteos .slide-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 100%;
  border-radius: 24px;
  background-color: var(--color-text-white);
  box-shadow: 0 0 4px #0000004d inset;
  padding: 12px 12px 20px;
  margin: 0 10px;
}
.container-slider .content .slider-sorteos .slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container-slider .content .slider-sorteos .slide-item .slide-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 8px;
}
.container-slider .content .slider-sorteos .slide-item .slide-content h4 {
  color: var(--color-text-black);
  font-family: var(--font-amx);
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}
.slider-sorteos ul.slick-dots {
  bottom: -40px;
}
@media (min-width: 458px) {
  .content {
    margin: 0 auto;
    max-width: 560px;
    padding: 36px 12px;
  }
  .container-slider .content h2 img {
    margin-top: 5px;
    margin-left: 8px;
  }
}
@media (min-width: 466px) {
  .container-slider .content h2 img {
    margin-top: 0;
  }
}
@media (min-width: 500px) {
  .full-sit-img {
    max-width: 440px;
  }
}
@media (min-width: 600px) {
  .container-slider .content .slider-sorteos {
    max-width: 532px;
  }
  .slider-sorteos ul.slick-dots {
    display: none;
  }
}
@media (min-width: 768px) {
  .content {
    padding: 40px 30px 30px;
    max-width: 660px;
    min-height: fit-content;
  }
  .content-sorteos {
    max-width: 668px;
  }
  .full-sit-img {
    max-width: 600px;
  }
  .container-slider .content h2 {
    font-size: 35px;
    line-height: 36px;
  }
  .slider-nav-sorteos {
    display: none;
  }
  .container-slider .content .slider-sorteos {
    max-width: 596px;
  }
  .container-slider .content .slider-sorteos .slide-item {
    gap: 22px;
    height: 294px;
    margin: 0;
  }
  .container-slider .content .slider-sorteos .slide-item img {
    max-height: 173px;
  }
  .container-slider .content .slider-sorteos .slide-item .slide-content {
    padding: 0 12px;
  }
}
@media (min-width: 1200px) {
  .content {
    max-width: 960px;
    min-height: 332px;
  }
  .content-sorteos {
    max-width: 1044px;
  }
  .full-sit-img {
    top: 74px;
    max-width: 874px;
  }
  .container-slider .content .slider-sorteos {
    max-width: 100%;
  }
  .container-slider .content .slider-sorteos .slide-item {
    flex-direction: row;
    height: 197px;
    padding: 12px;
    border-radius: 24px;
    gap: 8px;
  }
  .container-slider .content .slider-sorteos .slide-item img {
    width: 224px;
    height: 173px;
    border-radius: 12px;
  }
  .container-slider .content .slider-sorteos .slide-item .slide-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
  }
}
.slider-card-full ul.slick-dots {
  bottom: -45px;
}
.slider-benefits ul.slick-dots li button,
.slider-card-full ul.slick-dots li button,
.slider-sorteos ul.slick-dots li button {
  background-color: #830202;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.sorteos__content .slick-dots li {
  width: 12px;
  height: 12px;
}
.sorteos__content .slick-dots li button {
  background-color: #fff;
  border-radius: 100%;
  transition: all ease-in-out 0.3s;
  width: 12px;
  height: 12px;
  padding: 6px;
}
.sorteos__content .slick-dots li.slick-active button {
  background-color: #830202;
}
.slider-card-full ul.slick-dots li button {
  background-color: #681212;
}
.slider-benefits ul.slick-dots li.slick-active button,
.slider-card-full ul.slick-dots li.slick-active button,
.slider-sorteos ul.slick-dots li.slick-active button {
  background-color: var(--color-text-white);
  transition: all 0.3s ease-in-out;
}
.slider-sorteos ul.slick-dots li.slick-active button {
  background-color: var(--bg-color-claro);
}
.slider-benefits ul.slick-dots li.slick-active,
.slider-card-full ul.slick-dots li.slick-active,
.slider-sorteos ul.slick-dots li.slick-active {
  width: 40px;
  height: 12px;
}
.slider-benefits ul.slick-dots li.slick-active button,
.slider-card-full ul.slick-dots li.slick-active button,
.slider-sorteos ul.slick-dots li.slick-active button {
  width: 100%;
  height: 12px;
  border-radius: 16px;
}
.slider-benefits ul.slick-dots li button:before,
.slider-card-full ul.slick-dots li button:before,
.slider-sorteos ul.slick-dots li button:before {
  display: none;
}
.slider-benefits ul.slick-dots li.slick-active button:before,
.slider-card-full ul.slick-dots li.slick-active button:before,
.slider-sorteos ul.slick-dots li.slick-active button:before {
  display: none;
}
.section-banner-fullclaro {
  padding: 40px 0;
  background-color: #da291c;
  text-align: center;
}
.content-fullclaro {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 40px;
}
.content-fullclaro .left-content {
  display: flex;
  flex-flow: column;
  align-items: center;
  max-width: 680px;
}
.content-fullclaro .right-content {
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.section-banner-fullclaro h2 {
  color: var(--color-text-white);
  font-family: var(--font-amx);
  font-size: 24px;
  line-height: 28px;
  font-weight: 800;
  margin-bottom: 20px;
  max-width: 320px;
}
.fullclaro-logo-2 {
  width: 366px;
  height: 86px;
}
.section-banner-fullclaro p.description {
  color: var(--color-text-white);
  font-family: var(--font-amx-regular);
  font-size: 16px;
  line-height: 24px;
}
.content-fullclaro .right-content img {
  display: inline-flex;
  width: 98px;
  height: auto;
}
@media (min-width: 508px) {
  .content-fullclaro .right-content {
    max-width: 480px;
    gap: 20px 27px;
  }
  .content-fullclaro .right-content img {
    width: 138px;
    height: 135px;
  }
}
@media (min-width: 768px) {
  .section-banner-fullclaro h2 {
    font-size: 36px;
    line-height: 40px;
    max-width: 410px;
  }
  .section-banner-fullclaro p.description {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .section-banner-fullclaro {
    text-align: left;
  }
  .section-banner-fullclaro h2 {
    font-size: 40px;
    line-height: 46px;
    max-width: initial;
  }
  .section-banner-fullclaro p.description {
    font-size: 25px;
    line-height: 28px;
  }
  .content-fullclaro {
    max-width: 1070px;
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }
  .content-fullclaro .left-content {
    align-items: flex-start;
  }
}
.btn-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  font-family: var(--font-amx);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: middle;
}
.tippy-box {
  border-radius: 16px !important;
  padding: 10px !important;
}
[data-aos] {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
[data-aos="zoom-in-up"] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="fade-up-right"] {
  opacity: 0;
  -webkit-transform: translate3d(-100px, 100px, 0);
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  opacity: 0;
  -webkit-transform: translate3d(100px, 100px, 0);
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-left"] {
  opacity: 0;
  -webkit-transform: translate3d(100px, -100px, 0);
  transform: translate3d(100px, -100px, 0);
}
[data-aos="fade-down-right"] {
  opacity: 0;
  -webkit-transform: translate3d(-100px, -100px, 0);
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-up"] {
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  opacity: 0;
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  opacity: 0;
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}
.delay[data-aos="fade-left"] {
  opacity: 0;
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
[data-aos="fade-zoom-in"] {
  opacity: 0;
}
[data-aos="fade"] {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.aos-animate[data-aos="zoom-in-up"] {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}
.aos-animate[data-aos="fade-up-right"],
.aos-animate[data-aos="fade-up-left"],
.aos-animate[data-aos="fade-down-left"],
.aos-animate[data-aos="fade-down-right"],
.aos-animate[data-aos="fade-up"],
.aos-animate[data-aos="fade-down"],
.aos-animate[data-aos="fade-right"],
.aos-animate[data-aos="fade-left"] {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.aos-animate[data-aos="fade"] {
  opacity: 1;
}
.aos-animate[data-aos="fade-zoom-in"] {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.float-animation {
  animation-name: floatY;
  animation-duration: 3s;
  animation-delay: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-play-state: running;
}
@keyframes floatY {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
.float-animation.claro-club-img__lentes {
  animation-delay: 0.8s;
}
.float-animation.claro-club-img__gorra {
  animation-delay: 1s;
}
.float-animation.claro-club-img__avion {
  animation-delay: 1.2s;
}
.float-animation.claro-club-img__dona {
  animation-delay: 1.4s;
}
.label-full-claro-new.ayuda {
  font-size: 20px;
  vertical-align: middle;
}
.section-ayuda-asesor {
  background-color: #890000;
  padding: 0 20px 32px;
}
.ayuda-asesor-card {
  background-color: var(--color-pantone);
  border-radius: 30px;
  padding: 28px 18px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  gap: 0;
  position: relative;
}
.ayuda-asesor-question {
  width: 100%;
  text-align: left;
  padding-bottom: 16px;
}
.ayuda-asesor-question h2 {
  font-family: var(--font-amx-black);
  font-size: 30px;
  line-height: 32px;
  font-weight: 800;
  color: var(--color-text-black);
}
.ayuda-asesor-question h2 .label-full-claro-new.ayuda {
  font-size: 30px;
  background-color: var(--bg-color-claro);
  color: var(--color-text-white);
}
.ayuda-asesor-figure {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
}
.ayuda-asesor-figure img {
  width: 150px;
  max-width: 128px;
  margin-top: 0;
  height: auto;
  display: block;
}
.ayuda-asesor-cta {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: 16px 0 20px 24px;
  max-width: 156px;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.ayuda-asesor-cta p {
  font-family: var(--font-amx-medium);
  font-size: 18px;
  line-height: 18px;
  color: #4a4848;
}
.ayuda-asesor-cta .btn-claro {
  max-width: 100px;
  width: 100%;
}
@media (min-width: 402px) {
  .ayuda-asesor-figure img {
    max-width: fit-content;
  }
}
@media (min-width: 458px) {
  .ayuda-asesor-card {
    max-width: 378px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .label-full-claro-new.ayuda {
    font-size: 26px;
  }
  .section-ayuda-asesor {
    padding: 0 0 40px;
  }
  .ayuda-asesor-card {
    max-width: fit-content;
    margin: initial;
    flex-wrap: nowrap;
    padding: 0 32px 0 40px;
    gap: 16px;
    border-radius: 35px;
    width: 100%;
    max-width: 840px;
    height: 180px;
    overflow: visible;
    margin: 0 auto;
    justify-content: center;
  }
  .ayuda-asesor-question {
    flex: 1;
    text-align: left;
    padding-bottom: 0;
    max-width: 250px;
  }
  .ayuda-asesor-question h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .ayuda-asesor-figure img {
    width: 200px;
    margin-top: -20px;
  }
  .ayuda-asesor-cta {
    padding: 0 0 0 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }
  .ayuda-asesor-cta p {
    font-size: 18px;
    line-height: 20px;
  }
  .ayuda-asesor-cta .btn-claro {
    max-width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 2px solid transparent;
  }
  .ayuda-asesor-cta .btn-claro:hover {
    border-color: var(--bg-color-claro);
  }
}
@media (min-width: 1200px) {
  .label-full-claro-new.ayuda {
    font-size: 32px;
  }
  .section-ayuda-asesor {
    padding: 0 0 52px;
  }
  .ayuda-asesor-card {
    padding: 0 56px 0 64px;
    gap: 32px;
    border-radius: 40px;
    height: 220px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .ayuda-asesor-question {
    max-width: 350px;
  }
  .ayuda-asesor-question h2 {
    font-size: 40px;
    line-height: 44px;
  }
  .ayuda-asesor-question h2 .label-full-claro-new.ayuda {
    font-size: 40px;
  }
  .ayuda-asesor-figure img {
    width: 250px;
    margin-top: -31px;
  }
  .ayuda-asesor-cta {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 40px 0;
    max-width: none;
  }
  .ayuda-asesor-cta p {
    font-size: 22px;
    line-height: 24px;
    max-width: 200px;
  }
  .ayuda-asesor-cta .btn-claro {
    flex-shrink: 0;
    max-width: 140px;
    height: 40px;
    line-height: 36px;
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .label-full-claro-new.ayuda {
    font-size: 32px;
  }
  .section-ayuda-asesor {
    padding: 0 0 52px;
  }
  .ayuda-asesor-card {
    padding: 0 56px 0 64px;
    gap: 50px;
    border-radius: 40px;
    max-width: 1340px;
    margin: 0 auto;
    justify-content: center;
  }
  .ayuda-asesor-question {
    max-width: 400px;
  }
  .ayuda-asesor-question h2 {
    font-size: 42px;
    line-height: 48px;
  }
  .ayuda-asesor-question h2 .label-full-claro-new.ayuda {
    font-size: 42px;
  }
  .ayuda-asesor-figure img {
    width: 250px;
  }
  .ayuda-asesor-cta {
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 40px 0;
    max-width: 380px;
  }
  .ayuda-asesor-cta p {
    font-size: 30px;
    line-height: 34px;
    max-width: 280px;
  }
  .ayuda-asesor-cta .btn-claro {
    flex-shrink: 0;
    max-width: 140px;
    height: 40px;
    line-height: 36px;
    font-size: 15px;
  }
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 94rem;
    --font-weight-black: 900;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-roboto: "Roboto", sans-serif;
    --font-amx-bold: "AMX", sans-serif;
    --font-amx-regular: "AMX Regular", sans-serif;
    --font-amx-medium: "AMX Medium", sans-serif;
    --font-amx-black: "AMX Black", sans-serif;
    --breakpoint-container-2xl: 1440px;
    --color-claro: #da291c;
    --color-claro-dark: #9f1c12;
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .visible {
    visibility: visible !important;
  }
  .container {
    width: 100% !important;
  }
  @media (min-width: 1440px) {
    .container {
      max-width: 1440px !important;
    }
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem !important;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem !important;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem !important;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem !important;
    }
  }
  @media (min-width: 94rem) {
    .container {
      max-width: 94rem !important;
    }
  }
  .block {
    display: block !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 1280px !important;
    }
  }
  @media (min-width: 94rem) {
    .container {
      max-width: var(--breakpoint-container-2xl) !important;
    }
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .resize {
    resize: both !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black) !important;
    font-weight: var(--font-weight-black) !important;
  }
  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events !important;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    ) !important;
    transition-duration: var(
      --tw-duration,
      var(--default-transition-duration)
    ) !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
}
:root {
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-navigation-color: #de187d;
  --swiper-pagination-color: #da291c;
}
.headerEv .hdMainLeft .logo img {
  max-width: fit-content;
}
.claro_fixed {
  position: fixed;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
}
.sorteos__content {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}
#sorteos-active.slick-dotted.slick-slider {
  margin-bottom: 16px;
}
.sorteos__content__button {
  display: flex;
  flex-direction: row;
  width: 100%;
  width: fit-content;
  padding: 4px;
  margin: 0 auto;
  gap: 5px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  @media (min-width: 1200px) {
    font-size: 18px;
  }
  span {
    color: #000;
    font-family: AMX Medium;
    transition: all ease-in-out 0.3s;
  }
  &:hover {
    span {
      color: var(--color-claro);
    }
  }
}
.sorteos__content .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 12px;
}
.sorteos__content .slick-dots li button:before {
  font-size: 14px;
  opacity: 1;
  color: #fff;
}
.sorteos__content .slick-dots li.slick-active button:before {
  color: #830202;
}
.sorteos__content.slick-initialized {
  display: block;
  overflow: hidden;
}
.sorteos__content .slick-list {
  margin: 0 -10px;
}
.sorteos__content .slick-slide {
  padding: 0 10px;
}
.sorteos__card {
  background-color: var(--color-text-white);
  border-radius: 24px;
  padding: 12px 12px 14px;
  max-width: 100%;
  margin: 0 auto;
  animation: cardIn 0.4s ease backwards;
}
.sorteos__card .card_image {
  position: relative;
  width: 100%;
  height: 136px;
  border-radius: 14px;
}
.sorteos__card .card_image img {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  object-fit: cover;
}
.sorteos__card .card_image .card-date-tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: fit-content;
  background-color: var(--color-text-black);
  color: var(--color-text-white);
  padding: 4px 8px;
  border-radius: 8px 0 8px 8px;
  font-family: var(--font-amx);
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
}
.sorteos__card.finished .card_image img {
  filter: grayscale(100%);
}
.sorteos__card .card_text {
  padding: 12px 12px 0;
  text-align: left;
}
.sorteos__card .card_text h3 {
  font-family: var(--font-amx);
  font-size: var(--text-size-p);
  line-height: 1.25;
  font-weight: 700;
  color: var(--color-text-black);
  margin-bottom: 6px;
}
.sorteos__card .card_text a.btn-claro {
  max-width: 100px;
  margin: 0 auto;
  width: 100%;
  height: 35px;
  line-height: 32px;
  border: 2px solid transparent;
}
.sorteos__card .card_text a.btn-claro:hover {
  height: 35px;
  line-height: 32px;
  border: 2px solid #da291c;
}
.sorteos__card:nth-child(1) {
  animation-delay: 0ms;
}
.sorteos__card:nth-child(2) {
  animation-delay: 50ms;
}
.sorteos__card:nth-child(3) {
  animation-delay: 0.1s;
}
.sorteos__card:nth-child(4) {
  animation-delay: 0.15s;
}
.sorteos__card:nth-child(5) {
  animation-delay: 0.2s;
}
.sorteos__card:nth-child(6) {
  animation-delay: 0.25s;
}
.sorteos__card:nth-child(7) {
  animation-delay: 0.3s;
}
.sorteos__card:nth-child(8) {
  animation-delay: 0.35s;
}
.sorteos__card:nth-child(9) {
  animation-delay: 0.4s;
}
.sorteos__card:nth-child(10) {
  animation-delay: 0.45s;
}
.sorteos__card:nth-child(11) {
  animation-delay: 0.5s;
}
.sorteos__card:nth-child(12) {
  animation-delay: 0.55s;
}
.sorteos__card:nth-child(n + 13) {
  animation-delay: 0.6s;
}
@keyframes cardIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sorteos__empty {
  width: 100%;
  text-align: center;
  font-family: var(--font-roboto);
  font-size: 16px;
  color: var(--color-text-white);
  padding: 40px 20px;
  font-style: italic;
}
@media (prefers-reduced-motion: reduce) {
  .sorteos__content,
  .sorteos__card {
    animation: none;
    transition: none;
  }
}
@media (min-width: 754px) {
  .sorteos__content {
    gap: 20px;
  }
  .sorteos__card .card_text {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 1094px) {
  .sorteos__content {
    max-width: 1000px;
  }
}
@media (min-width: 1200px) {
  .sorteos__content {
    max-width: 1090px;
  }
  .sorteos__card {
    max-width: 100%;
    margin: initial;
  }
  .sorteos__card .card_text {
    height: 80px;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .sorteos__card .card_text a.btn-claro {
    width: 100%;
    margin: 0;
    min-width: 120px;
  }
}
@media (min-width: 1366px) {
  .sorteos__content {
    max-width: 1128px;
    gap: 24px;
  }
  .sorteos__card {
    max-width: 100%;
  }
}