/* Shared finish for the six feature cards, including the mobile carousel. */
#hero [data-hero-copy] .hero-slogan { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400; font-size: 18px !important; line-height: 1.5; letter-spacing: 0; color: #8fb6ff; margin: 16px 0 0 !important; max-width: 100%; text-wrap: pretty; }
@media (max-width: 640px) {
  #hero [data-hero-copy] .hero-slogan { font-size: 15px !important; margin-top: 12px !important; }
}
.packing-composition { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; max-width: 1080px; margin-left: auto; margin-right: auto; }
.packing-phone { position: relative; min-width: 0; aspect-ratio: 3 / 4; overflow: hidden; mix-blend-mode: multiply; mask-image: linear-gradient(to bottom, #000 94%, transparent); }
.packing-phone > img { display: block; width: 200% !important; max-width: none !important; height: auto; filter: brightness(1.025); }
.packing-label { display: block; width: 100%; height: auto; margin-top: 80px; filter: drop-shadow(0 10px 14px rgba(15,31,51,.12)); }
.packing-copy-mobile { display: none; }
@media (max-width: 640px) {
  .packing-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 12px 10px; margin-top: 24px; align-items: start; }
  .packing-layout .packing-composition { display: contents; }
  .packing-phone { grid-column: 1; grid-row: 1 / 3; width: 100%; max-width: 420px; aspect-ratio: 3 / 4; justify-self: center; align-self: center; }
  .packing-phone > img { width: 200% !important; transform: none; }
  .packing-label { grid-column: 2; grid-row: 1; width: 100%; max-width: 252px; margin: 0; justify-self: end; }
  .packing-copy-desktop { display: none; }
  .packing-copy-mobile { display: inline; }
  .card[data-emp-note] { grid-column: 2; grid-row: 2; min-width: 0; padding: 0 !important; margin-top: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  .card[data-emp-note] h3 { color: var(--navy) !important; font-size: 13px !important; line-height: 1.3; letter-spacing: 0 !important; text-wrap: balance; }
  .card[data-emp-note] p { color: var(--ink) !important; font-size: 12.5px !important; line-height: 1.45; margin-top: 6px !important; }
}
.subscribe-link { color: #1e5bd8 !important; font-size: 15.5px; font-weight: 700; padding: 12px 8px; white-space: nowrap; }
#metodos [data-esc-grid] { display: none !important; }
#metodos [data-esc-tabs-wrap] { display: flex !important; }
#metodos [data-esc-tab]:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
@media (min-width: 641px) {
  #metodos [data-esc-tabs-wrap] { max-width: 880px; margin: 36px auto 0 !important; gap: 22px !important; }
  #metodos [data-esc-tabs] { width: 100%; max-width: 560px; box-sizing: border-box; align-self: center; }
  #metodos [data-esc-tab] { min-height: 52px; }
  #metodos [data-esc-tab] svg { width: 24px; height: 24px; }
  #metodos [data-esc-stage] { height: auto !important; aspect-ratio: 16 / 10; min-height: 360px; }
  #metodos [data-esc-panel-copy] { left: 32px !important; right: 32px !important; bottom: 32px !important; max-width: 580px; gap: 12px !important; }
  #metodos [data-esc-panel-copy] h4 { font-size: 30px !important; }
  #metodos [data-esc-panel-copy] p { font-size: 18px !important; line-height: 1.5 !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  header [data-navbar] { padding-left: 20px !important; padding-right: 20px !important; gap: 12px !important; }
  header [data-nav] > a { padding-left: 8px !important; padding-right: 8px !important; }
  header [data-desktop-cta] .btn { padding-left: 12px !important; padding-right: 12px !important; }
  header [data-desktop-cta] { gap: 4px !important; }
}
@media (min-width: 901px) {
  header [data-navbar] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 24px !important;
  }
  header [data-navbar] > a { justify-self: start; }
  header [data-nav] {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    width: auto !important;
    order: initial !important;
    justify-self: center;
    gap: 0 !important;
    white-space: nowrap;
    padding-bottom: 0 !important;
  }
  header [data-nav] > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px !important;
    white-space: nowrap;
  }
  header [data-desktop-cta] { justify-self: end; }
}
.social-links { display: flex; align-items: center; flex-shrink: 0; gap: 2px; }
.social-links > * { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 44px; border-radius: 4px; }
.social-links img { display: block; width: 20px; height: 20px; }
.social-links > a img { filter: invert(29%) sepia(92%) saturate(2427%) hue-rotate(214deg) brightness(87%) contrast(96%); }
.social-links [aria-disabled="true"] { opacity: .38; cursor: default; }
.social-links > a:hover { background: rgba(30,91,216,.1); }
.social-links > *:focus-visible { outline: 2px solid #1e5bd8; outline-offset: 2px; }
@media (min-width: 901px) {
  header [data-navbar] { grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px !important; }
  header [data-nav] > a { padding: 0 12px !important; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  header [data-nav] { font-size: 14px !important; }
  header [data-nav] > a { padding: 0 7px !important; }
  header [data-desktop-cta] .btn { font-size: 14px !important; padding: 12px !important; white-space: nowrap; }
}
@media (max-width: 900px) {
  header [data-navbar] { flex-wrap: wrap !important; }
  header [data-desktop-cta] { display: flex !important; justify-content: center; order: 3; width: 100%; gap: 10px !important; }
  header [data-desktop-cta] .btn { padding: 12px 14px !important; font-size: 14px !important; white-space: nowrap; }
  header .social-links > * { width: 40px; }
  header [data-menupanel] > .btn { display: none !important; }
}
@media (max-width: 640px) {
  header [data-navbar] { flex-wrap: nowrap !important; gap: 6px !important; }
  header [data-desktop-cta] { order: 2; width: auto; margin-left: auto; gap: 0 !important; }
  header [data-desktop-cta] > .btn { display: none !important; }
  header .social-links { gap: 0; }
  header .social-links > * { width: 30px; }
  header .social-links img { width: 18px; height: 18px; }
  header [data-burger] { order: 3; flex-shrink: 0; width: 40px !important; height: 44px !important; margin-left: 0 !important; }
}
[data-store-row] > a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 58px;
  box-sizing: border-box;
  color: #f5f8ff !important;
  background: linear-gradient(120deg, rgba(255,255,255,.22), rgba(255,255,255,.06) 46%, rgba(255,255,255,.17) 47%, rgba(255,255,255,.04) 72%) !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  box-shadow: inset 1px 1px 1px rgba(255,255,255,.65), inset -1px -1px 2px rgba(255,255,255,.3), inset 0 -5px 7px -5px rgba(255,255,255,.55), 0 6px 14px rgba(4,14,28,.22) !important;
  transition: background .18s ease, border-color .18s ease;
}
[data-store-row] > a span { color: inherit !important; }
[data-store-row] > a > svg { flex-shrink: 0; }
[data-store-row] > a svg g { stroke: #24374c; }
[data-store-row] > a::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-top-color: rgba(255,255,255,.36);
  pointer-events: none;
}
[data-store-row] > a:hover {
  background: linear-gradient(120deg, rgba(255,255,255,.28), rgba(255,255,255,.1) 46%, rgba(255,255,255,.23) 47%, rgba(255,255,255,.08) 72%) !important;
}
[data-store-row] > a:focus-visible { outline: 2px solid #b8d3ff; outline-offset: 4px; }
[data-store-row] > a:active { transform: translateY(1px); }
@media (prefers-reduced-transparency: reduce) {
  [data-store-row] > a { background: #24374c !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
#funciones [data-fn-glow] { display: none !important; }
.hero-description-mobile { display: none; }
@media (max-width: 640px) {
  #hero .hero-description-desktop { display: none; }
  #hero [data-hero-inner] { gap: 32px !important; }
  #hero [data-hero-copy] h1 { font-size: 40px !important; font-weight: 800; line-height: 1.05 !important; letter-spacing: 0 !important; }
  #hero .hero-description-mobile { display: grid; order: 1; gap: 14px; color: #BFCBDD; font-size: 14px !important; font-weight: 400; line-height: 1.6; margin-top: 22px !important; }
  #hero .hero-description-mobile strong:first-child { color: #fff; font-size: 17px; font-weight: 600; line-height: 1.4; }
  #hero .hero-description-mobile strong:last-child { color: #B3CEFF; font-size: 14px; font-weight: 600; line-height: 1.5; }
  #hero [data-hero-copy] .hero-slogan { order: 3; font-size: 12px !important; color: #A8B7CC; margin-top: 20px !important; max-width: 28em; line-height: 1.5; }
  #hero [data-hero-copy] [data-store-row], #descargar [data-store-row] { flex-direction: column !important; flex-wrap: nowrap !important; gap: 18px !important; width: 100% !important; max-width: 300px; }
  #descargar [data-store-row] { margin-left: auto; margin-right: auto; }
  #hero [data-store-row] > a, #descargar [data-store-row] > a { flex: none; display: grid !important; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 14px !important; height: 76px; padding: 12px 34px 12px 18px !important; background: linear-gradient(155deg, #2b475b, #102737) !important; color: #fff !important; border: 1px solid #54738a !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 0 #091b28, 0 10px 16px rgba(0,0,0,.22) !important; backdrop-filter: none; -webkit-backdrop-filter: none; text-align: left; transition: transform .15s ease, box-shadow .15s ease; }
  #hero [data-store-row] > a:nth-child(2), #descargar [data-store-row] > a:nth-child(2) { background: linear-gradient(#fff, #f0f2f4) !important; color: #102737 !important; border-color: #fff !important; box-shadow: inset 0 1px 0 #fff, 0 4px 0 #bec6cb, 0 10px 16px rgba(0,0,0,.22) !important; }
  #hero [data-store-row] > a, #descargar [data-store-row] > a { box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 3px 0 #091b28, 0 10px 12px -4px rgba(0,0,0,.55), 0 22px 30px -8px rgba(0,0,0,.65) !important; }
  #hero [data-store-row] > a:nth-child(2), #descargar [data-store-row] > a:nth-child(2) { box-shadow: inset 0 1px 0 #fff, 0 3px 0 #bec6cb, 0 10px 12px -4px rgba(0,0,0,.5), 0 22px 30px -8px rgba(0,0,0,.6) !important; }
  #hero [data-hero-copy] [data-store-row], #descargar [data-store-row] { order: 2; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; gap: 10px !important; padding-bottom: 0; margin-top: 24px !important; }
  #hero [data-store-row] > a, #descargar [data-store-row] > a { height: 54px; min-height: 54px; grid-template-columns: 25px minmax(0, 1fr); gap: 8px !important; padding: 9px 12px !important; border-radius: 8px !important; overflow: hidden; background: #080D14 !important; border: 1px solid #536071 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 3px 0 #04070c, 0 8px 12px -6px rgba(0,0,0,.35) !important; }
  #hero [data-store-row] > a:nth-child(2), #descargar [data-store-row] > a:nth-child(2) { background: #fff !important; color: #102737 !important; border-color: #fff !important; box-shadow: inset 0 1px 0 #fff, 0 3px 0 #c8d0d9, 0 8px 12px -6px rgba(0,0,0,.35) !important; }
  #hero [data-store-row] > a::before, #descargar [data-store-row] > a::before, #hero [data-store-row] > a::after, #descargar [data-store-row] > a::after { display: none; }
  #hero [data-store-row] > a > span, #descargar [data-store-row] > a > span { border: 0; padding-left: 0; gap: 3px; }
  #hero [data-store-row] > a:active, #descargar [data-store-row] > a:active { transform: translateY(2px); box-shadow: 0 1px 2px rgba(0,0,0,.2) !important; }
  #hero [data-hero-copy] [data-store-row] svg, #descargar [data-store-row] svg { width: 25px !important; height: 25px !important; }
  #hero [data-store-row] svg g, #descargar [data-store-row] svg g { stroke: #fff; }
  #hero [data-hero-copy] [data-store-row] span span:first-child, #descargar [data-store-row] span span:first-child { font-size: 10px !important; letter-spacing: 0 !important; }
  #hero [data-hero-copy] [data-store-row] span span:last-child, #descargar [data-store-row] span span:last-child { font-size: 16px !important; letter-spacing: 0 !important; white-space: nowrap; }
}
@media (max-width: 640px) {
  #descargar [data-dl-card] { padding-left: 12px !important; padding-right: 12px !important; }
  #descargar [data-store-row] > a { grid-template-columns: 20px minmax(0, 1fr); gap: 6px !important; padding-left: 8px !important; padding-right: 8px !important; }
  #descargar [data-store-row] svg { width: 20px !important; height: 20px !important; }
  #descargar [data-store-row] span span:last-child { font-size: 14px !important; }
}
#funciones [data-fn-head] { min-width: 0; }
#funciones [data-fn-grid] { gap: 16px !important; }
#funciones [data-fn-card] {
  isolation: isolate;
  min-width: 0;
  padding: 23px 22px 25px !important;
  background: linear-gradient(118deg, transparent 24%, rgba(255,255,255,.38) 25%, rgba(255,255,255,.13) 36%, transparent 37%), linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.12) 54%, rgba(255,255,255,0) 54.3%, rgba(192,212,220,.12) 80%, rgba(255,255,255,.48)) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 22px !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  box-shadow: inset 1px 2px 2px rgba(255,255,255,1), inset -1px -2px 3px rgba(255,255,255,.96), inset 4px 5px 6px rgba(76,98,108,.26), inset -4px -5px 7px rgba(160,136,110,.22), inset 0 12px 14px -12px rgba(255,255,255,1), inset 0 -12px 14px -10px rgba(255,255,255,.95), 0 2px 2px rgba(83,70,51,.17), 0 12px 19px -8px rgba(83,70,51,.34) !important;
}
#funciones [data-fn-card]::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 5px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.7);
  border-right-color: rgba(255,255,255,.22);
  border-bottom-color: rgba(255,255,255,.35);
  background: linear-gradient(132deg, rgba(255,255,255,.2), transparent 46.5%, rgba(255,255,255,.7) 47%, transparent 47.8%), linear-gradient(0deg, rgba(255,255,255,.4), transparent 10%, transparent 90%, rgba(255,255,255,.45)) !important;
  transform: none !important;
  pointer-events: none;
  z-index: 0;
}
#funciones [data-fn-card] img { max-width: 100% !important; object-fit: contain; object-position: left center; }
#funciones [data-fn-card] p { overflow-wrap: break-word; }
@media (max-width: 760px) {
  #funciones [data-fn-grid] { padding: 6px 4px 22px !important; }
  #funciones [data-fn-card] {
    flex-basis: 82% !important;
    max-width: 320px !important;
    gap: 12px !important;
  }
  #funciones [data-fn-card] p { font-size: 15px !important; line-height: 1.5 !important; }
  #funciones [data-fn-card] img { max-height: 26px !important; }
  #funciones [data-fn-card] img[alt="Agenda"] { max-height: 40px !important; }
}
#funciones [data-fn-card]::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 2px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 20px;
  background: none !important;
  box-shadow: inset 1px 1px 1px rgba(72,94,110,.32), inset -1px -1px 1px rgba(255,255,255,1), inset 3px 0 2px -2px rgba(255,255,255,.95), inset -6px -6px 9px -6px rgba(255,255,255,1);
  transform: none !important;
  pointer-events: none;
  z-index: 0;
}
@media (prefers-reduced-transparency: reduce) {
  #funciones [data-fn-card] {
    background: #f8f5ef !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}