/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/src/css/paquetes/page-paquetes-libres.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* Mis Variables */
  --gradient-azul-verde: linear-gradient(135deg, #5CB615 0%, #019DF4 100%);
  --gradient-morado-blanco: linear-gradient(135deg, #A13EA1 0%, #DEBCE4 100%);
  /* Document Variables */
  --font-family: 'telefonica';
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Base Reset & Typography */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-family);
  background-color: var(--color-blanco-movistar);
  color: var(--color-gris-6-movistar);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.container-footer {
  background: var(--color-blanco-movistar);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding-top: 120px;
}

.pqt-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

/* Helpers */
.pqt-text-blue {
  color: var(--color-azul-movistar) !important;
}

.pqt-text-dark-blue {
  color: var(--color-azul-oscuro-movistar) !important;
}

.pqt-text-green {
  color: var(--color-verde-movistar) !important;
}

.pqt-text-dark {
  color: var(--color-azul-oscuro-movistar) !important;
}

.pqt-text-white {
  color: var(--color-blanco-movistar) !important;
}

.pqt-bg-blue {
  background-color: var(--color-azul-movistar);
}

.pqt-bg-green {
  background-color: var(--color-verde-movistar);
}

.pqt-bg-dark {
  background-color: var(--color-azul-oscuro-movistar);
}

.pqt-bg-purple {
  background-color: var(--color-purpura-movistar);
}

.pqt-bg-white {
  background-color: var(--color-blanco-movistar);
}

.pqt-card.pqt-bg-solid-blue {
  background-color: var(--color-azul-movistar);
}

.pqt-card.pqt-bg-solid-green {
  background-color: var(--color-verde-movistar);
}

/* Tabs Navigation */
.mv-pqt-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin: 60px auto 0px;
  border-radius: 5px;
  overflow: hidden;
  background: #f5f5f5;
  width: 770px;
  height: 48px;
  border-radius: 10px;
  opacity: 1;
  padding: 5px;
  gap: 5px;
}

.mv-pqt-selector__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /* gap: 0.4rem; */
  padding: 0.6rem 7rem;
  background: transparent;
  color: #555555;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
  width: 250px;
  height: 40px;
  border-radius: 5px;
}

.mv-pqt-selector__item:last-child {
  border-right: none;
}

.mv-pqt-selector__item:hover,
.mv-pqt-selector__item:focus-visible {
  background: var(--color-blanco-movistar);
  text-decoration: none;
  color: #333333;
}

.mv-pqt-selector__item.is-active {
  background: var(--color-blanco-movistar);
  color: var(--color-azul-movistar);
  font-weight: 400;
  pointer-events: none;
  font-size: 14px;
}

.mv-pqt-selector__img-wrap {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 2.5px;
}

.mv-pqt-selector__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mv-pqt-selector__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.mv-pqt-selector__notice {
  padding: 0.75rem 1rem;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 0.5rem;
  font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 500px) {
  .width-pqt-movil {
    width: 275px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .solo-desktop-pqt {
    display: none;
  }
  .solo-movil-pqt {
    display: block;
  }
  .opciones-pqt__titulo {
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .opciones-pqt .row {
    align-items: center;
  }
  .opciones-pqt__nombre {
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
  }
  .opciones-pqt__desc {
    font-weight: 400;
    font-size: 14px;
  }
  .mv-pqt-selector {
    width: 95%;
    flex-wrap: wrap;
    margin: 30px auto 0px;
  }
  .mv-pqt-selector__item {
    flex: 1;
    border-right: none;
    padding: 0.75rem 1rem;
  }
  .mv-pqt-selector__item-movils {
    flex: 1;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.75rem 52px;
    background: transparent;
    color: #555555;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    width: 100px;
    height: 40px;
    border-radius: 5px;
  }
  .mv-pqt-selector__item-movils.is-active {
    background: var(--color-blanco-movistar);
  }
  .mv-pqt-selector__label.is-active {
    color: var(--color-azul-movistar) !important;
  }
  .mv-pqt-selector__item:last-child {
    border-bottom: none;
  }
  .mv-pqt-selector__label {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gris-digital-movistar);
  }
  .mv-pqt-selector__img-wrap img {
    display: none !important;
  }
}
/* Sections */
.pqt-packages-section {
  padding-bottom: 60px;
  padding-top: 60px;
}

.pqt-section-header {
  text-align: center;
  margin-bottom: 30px;
}

.pqt-title-primary {
  color: var(--color-azul-movistar);
  font-size: 32px;
  font-weight: 300;
  /* Light */
  margin-bottom: 0;
}

.pqt-subtitle {
  color: var(--color-azul-oscuro-movistar);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  /* Regular */
}

/* CSS Grid for Cards */
.pqt-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  /* Mobile First: 1 column */
  gap: 30px;
  justify-content: center;
}

.pqt-cards-grid .pqt-card:last-child:nth-child(odd) {
  grid-column: 1/-1;
  justify-self: center;
}

/* Cards Structure (Flexbox) */
.pqt-card {
  background-color: var(--color-blanco-movistar);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
  transition: var(--transition-smooth);
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  /* max-width: 380px; */
  width: 300px;
  height: 300px;
}

.pqt-card-simple {
  box-shadow: var(--shadow-card);
}

.pqt-card-solid {
  border: none;
  box-shadow: var(--shadow-card);
}

/* Hover Interaction over Card */
.pqt-card:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-card-hover);
}

.pqt-has-bg-pattern::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width=%27300%27 height=%27300%27 viewBox=%270 0 300 300%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg filter=%27url%28%23filter0_i_2467_4175%29%27%3E%3Cpath d=%27M8.54147 158.559C-9.32994 169.16 -37.6551 197.236 -17.2512 268.233C-8.05079 301.625 8.13432 332.683 30.2337 359.352C48.7149 381.837 69.6302 402.204 92.5971 420.082C97.5125 423.729 102.857 426.757 108.511 429.101C121.313 434.242 133.351 426.567 137.084 421.035C141.151 414.985 143.811 404.539 132.656 390.49C126.362 383.194 119.622 376.296 112.474 369.835C96.1423 354.461 75.7865 336.43 66.0264 320.864C52.9426 300.062 59.747 292.445 64.6328 288.016C72.8429 280.574 86.5851 286.33 101.482 295.017C119.22 305.319 150.156 323.888 174.566 337.596C196.609 349.983 228.919 358.254 261.551 337.854C294.773 316.963 312.323 289.68 301.928 241.376C294.099 205.27 287.617 178.665 284.832 149.203C281.62 115.307 289.642 91.607 305.843 88.1642C320.9 84.9636 331.176 95.577 341.803 113.759C350.643 129.589 358.571 145.912 365.547 162.648C368.444 169.648 371.846 176.429 375.725 182.937C382.464 192.92 392.939 200.764 405.623 195.701C419.153 190.328 423.487 174.593 420.561 160.207C419.007 153.613 416.931 147.153 414.354 140.887C403.095 112.665 393.995 94.5656 377.045 68.7959C357.209 38.6712 334.786 13.6837 310.019 -4.86892C286.304 -22.6095 261.26 -28.3381 239.568 -17.6825C215.447 -5.83247 197.584 24.8944 200.779 62.8267C203.664 97.8238 209.571 132.092 211.623 150.199C213.675 168.307 209.514 182.898 196.018 192.626C179.507 204.538 157.093 200.438 135.606 188.604C116.87 178.306 80.4586 159.107 64.4147 154.842C49.1206 150.671 31.2343 145.089 8.54147 158.559Z%27 fill=%27white%27 fill-opacity=%270.02%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_i_2467_4175%27 x=%27-24.3438%27 y=%27-23.043%27 width=%27445.774%27 height=%27456.84%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27BackgroundImageFix%27 result=%27shape%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%273%27/%3E%3CfeGaussianBlur stdDeviation=%272%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27arithmetic%27 k2=%27-1%27 k3=%271%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27shape%27 result=%27effect1_innerShadow_2467_4175%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}

.pqt-has-bg-pattern-green::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width=%27300%27 height=%27300%27 viewBox=%270 0 300 300%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg filter=%27url%28%23filter0_i_2467_4175%29%27%3E%3Cpath d=%27M8.54147 158.559C-9.32994 169.16 -37.6551 197.236 -17.2512 268.233C-8.05079 301.625 8.13432 332.683 30.2337 359.352C48.7149 381.837 69.6302 402.204 92.5971 420.082C97.5125 423.729 102.857 426.757 108.511 429.101C121.313 434.242 133.351 426.567 137.084 421.035C141.151 414.985 143.811 404.539 132.656 390.49C126.362 383.194 119.622 376.296 112.474 369.835C96.1423 354.461 75.7865 336.43 66.0264 320.864C52.9426 300.062 59.747 292.445 64.6328 288.016C72.8429 280.574 86.5851 286.33 101.482 295.017C119.22 305.319 150.156 323.888 174.566 337.596C196.609 349.983 228.919 358.254 261.551 337.854C294.773 316.963 312.323 289.68 301.928 241.376C294.099 205.27 287.617 178.665 284.832 149.203C281.62 115.307 289.642 91.607 305.843 88.1642C320.9 84.9636 331.176 95.577 341.803 113.759C350.643 129.589 358.571 145.912 365.547 162.648C368.444 169.648 371.846 176.429 375.725 182.937C382.464 192.92 392.939 200.764 405.623 195.701C419.153 190.328 423.487 174.593 420.561 160.207C419.007 153.613 416.931 147.153 414.354 140.887C403.095 112.665 393.995 94.5656 377.045 68.7959C357.209 38.6712 334.786 13.6837 310.019 -4.86892C286.304 -22.6095 261.26 -28.3381 239.568 -17.6825C215.447 -5.83247 197.584 24.8944 200.779 62.8267C203.664 97.8238 209.571 132.092 211.623 150.199C213.675 168.307 209.514 182.898 196.018 192.626C179.507 204.538 157.093 200.438 135.606 188.604C116.87 178.306 80.4586 159.107 64.4147 154.842C49.1206 150.671 31.2343 145.089 8.54147 158.559Z%27 fill=%27white%27 fill-opacity=%270.02%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_i_2467_4175%27 x=%27-24.3438%27 y=%27-23.043%27 width=%27445.774%27 height=%27456.84%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27BackgroundImageFix%27 result=%27shape%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%273%27/%3E%3CfeGaussianBlur stdDeviation=%272%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27arithmetic%27 k2=%27-1%27 k3=%271%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27shape%27 result=%27effect1_innerShadow_2467_4175%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}

/* Card Header Elements */
.pqt-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 1;
  margin-bottom: 40px;
  /* Above patterns */
}

.pqt-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 79.71px;
  height: 22px;
  /* padding: 5px 10px; */
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
}

.pqt-pill img {
  display: inline-block;
}

.pqt-pill-outline-blue {
  border: 1px solid var(--color-azul-movistar);
  color: var(--color-azul-movistar);
}

.pqt-pill-outline-green {
  border: 1px solid var(--color-verde-movistar);
  color: var(--color-verde-movistar);
}

.pqt-pill-dark {
  background-color: var(--color-azul-oscuro-movistar);
  color: var(--color-blanco-movistar);
  width: 119.14px;
  font-size: 10.29px;
}

.pqt-brand-logo {
  height: 20.48px;
  width: auto;
}

.pqt-logo-blue {
  color: var(--color-azul-movistar);
}

.pqt-logo-white {
  color: var(--color-blanco-movistar);
}

.pqt-logo-green {
  color: var(--color-verde-movistar);
}

/* Card Body Typography */
.pqt-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  z-index: 1;
  height: 141px;
}

.pqt-card-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.pqt-card-title small {
  font-size: inherit;
  font-weight: inherit;
}

.pqt-card-body ul {
  margin-bottom: 10px;
}

.pqt-card-title .pqt-separator {
  color: var(--color-azul-oscuro-movistar);
  font-weight: 400;
  margin: 0 0.5rem;
}

/* Stacked Multi-line Title (For Green Cards) */
.pqt-card-title-stacked {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  line-height: 1;
}

.pqt-stacked-row-1 {
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
}

.pqt-stacked-row-2 {
  font-size: 36px;
  font-weight: 700;
}

.pqt-price-tag {
  display: inline-block;
  /* padding: 0.4rem 0.8rem; */
  text-align: center;
  border-radius: 3px;
  color: var(--color-blanco-movistar);
  font-weight: 500;
  font-size: 1rem;
  align-self: flex-start;
  /* margin-top: 10px; */
  margin-bottom: 15px;
  width: 85px;
  height: 24px;
}

/* Specific Modifiers for Phase 6 Requirements */
.pqt-price-tag.pqt-price-libre {
  margin-top: 10px;
  margin-bottom: 15px;
}

.pqt-price-tag.pqt-price-ilimitado {
  margin-top: 5px;
  margin-bottom: 5px;
}

.pqt-header-ilimitado {
  margin-bottom: 24px !important;
}

.pqt-pill-wide {
  width: 120px !important;
  text-align: center;
  white-space: normal;
}

.pqt-pill-promo {
  width: 100px !important;
  text-align: center;
  white-space: normal;
}

.pqt-price-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pqt-strikethrough {
  text-decoration: line-through;
  font-size: 0.9rem;
  opacity: 0.8;
}

/* Benefits List */
.pqt-benefits-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  height: 50px;
  padding-left: 0;
}

.pqt-card-simple .pqt-benefits-list {
  color: var(--color-gris-digital-movistar);
}

.pqt-card-simple .pqt-benefits-list strong {
  color: var(--color-verde-movistar);
}

.pqt-benefits-list li {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 12px;
}

.pqt-check-icon {
  /* width: 20px; */
  /* height: 20px; */
  flex-shrink: 0;
  margin-top: 6px;
}

/* Footer / Button */
.pqt-card-footer {
  margin-top: 0px;
  z-index: 1;
}

.pqt-btn {
  width: 100%;
  height: 44px;
  /* padding: 0.8rem; */
  border: none;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: var(--transition-smooth);
  text-align: center;
}

.pqt-btn-primary {
  color: var(--color-blanco-movistar);
}

.pqt-btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

/* Buttons & Hovers */
.pqt-btn-blue {
  background-color: var(--color-azul-movistar);
}

.pqt-btn-blue:hover {
  background-color: var(--color-azul-claro-movistar);
}

.pqt-btn-green {
  background-color: var(--color-verde-movistar);
}

.pqt-btn-green:hover {
  background-color: var(--color-verde-claro-movistar);
}

.pqt-btn-dark-blue {
  background-color: var(--color-azul-oscuro-movistar);
}

.pqt-btn-dark-blue:hover {
  background-color: var(--color-azul-oscuro-claro-movistar);
}

.pqt-btn-white-hover {
  /* Used for Solid Card Promo Button */
  background-color: var(--color-blanco-movistar);
  color: var(--color-azul-movistar);
}

.pqt-btn-white-hover:hover {
  background-color: var(--color-gris-1-movistar);
}

/* Media Queries Desktop (Tablet and up, > 768px) */
@media (min-width: 768px) {
  .pqt-cards-grid {
    /* Desktop: 2 columns */
    grid-template-columns: repeat(2, minmax(300px, 300px));
  }
  .pqt-title-primary {
    font-size: 45px;
    font-weight: 400;
    /* Regular */
  }
  .pqt-subtitle {
    font-size: 24px;
    font-weight: 300;
    /* Light */
  }
}
/* Error Modal Styles */
.pqt-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(11, 39, 57, 0.6);
  /* Color corporativo oscuro con opacidad */
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 1rem;
  display: none;
  /* Oculto por defecto */
}

.pqt-modal-content {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 380px;
  padding: 24px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  text-align: center;
  animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pqt-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--color-gris-movistar);
  transition: color var(--transition-smooth);
}

.pqt-modal-close:hover {
  color: var(--color-rojo-movistar);
}

.pqt-modal-title {
  color: var(--color-azul-movistar);
  margin-top: 5px;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
}

.pqt-modal-body {
  color: var(--color-gris-oscuro-movistar);
  margin-bottom: 24px;
  font-size: 0.95rem;
  line-height: 1.5;
}

/*# sourceMappingURL=page-paquetes-libres.bundle.css.map*/