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

    html, body {
      height: 100%;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      overflow: hidden;
      background: #000;
    }

    /* Fondo: video Fondo_2 a pantalla completa */
    .bg {
      position: fixed; inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;   /* cubre sin deformar */
      z-index: 0;
    }
    .bg-mobile { display: none; }   /* imagen de fondo (solo mobile) */

    /* Animaciones de entrada (fill-mode backwards: no dejan estilos pegados) */
    @keyframes p1-in    { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes p1-fade  { from { opacity: 0; } to { opacity: 1; } }
    @keyframes btn-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }

    /* ===== Elementos de Pagina_2 ===== */
    .p2-panel  { position: absolute; z-index: 1; top: 8%;    left: 54%;   width: 41%; height: 72%;
                 animation: p1-fade 0.8s ease-out 0.20s backwards; }
    .p2-titulo { position: absolute; z-index: 2; top: 11.5%; left: 16%;   width: 26.5%;
                 animation: p1-in 0.7s ease-out 0.35s backwards; }
    .p2-slogan { position: fixed; z-index: 2; top: 73%;   left: 17.5%; width: 21%;
                 animation: p1-in 0.7s ease-out 0.50s backwards; }
    .p2-panel img { display: block; width: 100%; height: 100%; }
    .p2-titulo img, .p2-slogan img { display: block; width: 100%; height: auto; }

    /* --- Botón ENVIAR (Boton_2) ---
       Capas: wrapper (posición + entrada) > pulso > botón (crossfade + press) */
    .p2-enviar {
      position: fixed; z-index: 3; top: 86%; left: 59%; width: 14.5%;
      animation: p1-in 0.7s ease-out 0.90s backwards;
    }
    .p2-enviar-pulse { animation: btn-pulse 2.6s ease-in-out infinite; }
    /* el pulso se DETIENE al poner el cursor encima */
    .p2-enviar:hover .p2-enviar-pulse { animation-play-state: paused; }

    /* Capa BASE = Boton_2_P (se revela al presionar).
       ::before = normal (Boton_2), ::after = M (Boton_2_M, hover).
       Al presionar se ocultan ambas capas de arriba → queda SOLO P,
       sin que M quede duplicado con P. */
    .p2-enviar-btn {
      position: relative; display: block; width: 100%; aspect-ratio: 254 / 70;
      border: none; padding: 0; cursor: pointer;
      background: url("Assets/Pagina_2/Boton_2_P.svg") center / contain no-repeat;
      transition: transform 0.08s ease;
    }
    .p2-enviar-btn::before {   /* normal (Boton_2) */
      content: ""; position: absolute; inset: 0;
      background: url("Assets/Pagina_2/Boton_2.svg") center / contain no-repeat;
      opacity: 1; transition: opacity 0.35s ease; pointer-events: none;
    }
    .p2-enviar-btn::after {    /* M (hover) con fundido suave */
      content: ""; position: absolute; inset: 0;
      background: url("Assets/Pagina_2/Boton_2_M.svg") center / contain no-repeat;
      opacity: 0; transition: opacity 0.35s ease; pointer-events: none;
    }
    .p2-enviar:hover .p2-enviar-btn::after { opacity: 1; }
    /* Al presionar: ocultar normal (::before) y M (::after) → solo se ve P (base) */
    .p2-enviar-btn:active::before { opacity: 0; transition: none; }
    .p2-enviar:hover .p2-enviar-btn:active::after { opacity: 0; transition: none; }
    .p2-enviar-btn:active { transform: translateY(2px) scale(0.98); }

    /* --- Botón BORRAR (Boton_3): entrada + press --- */
    .p2-borrar {
      position: fixed; z-index: 3; top: 86%; left: 75.5%; width: 14.5%; aspect-ratio: 254 / 70;
      border: none; padding: 0; cursor: pointer;
      background: url("../img/Boton_3.svg") center / contain no-repeat;
      transition: transform 0.08s ease;
      animation: p1-in 0.7s ease-out 1.0s backwards;
    }
    .p2-borrar:active {
      background-image: url("../img/Boton_3_P.svg");
      transform: translateY(2px) scale(0.98);
    }

    /* ===== Compartidos con la pantalla 1 ===== */
    .logo-ls {
      position: absolute; top: 3%; left: 1%; width: 14%;
      z-index: 4; cursor: pointer;
      animation: p1-in 0.7s ease-out 0.15s backwards;
    }
    .logo-ls img { display: block; width: 100%; height: auto; transition: transform 0.15s ease; }
    .logo-ls:hover img { transform: scale(1.04); }
    .p1-footer {
      position: absolute; left: 3%; bottom: 3.5%; z-index: 4;
      display: flex; flex-direction: column; gap: 10px;
      animation: p1-in 0.7s ease-out 1.1s backwards;
    }
    .p1-social { display: flex; gap: 14px; align-items: center; }
    .p1-social a { display: block; transition: transform 0.15s ease; }
    .p1-social a:hover { transform: scale(1.15); }
    .p1-social img { width: 2vw; height: auto; display: block; }
    .p1-legal  { display: flex; gap: 18px; align-items: flex-end; }
    .p1-legal img { height: 1.5vw; width: auto; display: block; }

    
    .fzXmqw {
      display: none !important;
    }

    .flPszU {
      justify-content: center !important;
      align-items: center !important;
      padding: .5rem 1rem !important;
    }

    .fejKxv {
      display: none !important;
    }
    

    .gohQDu {
        background: #1200ff !important;
        color: #fff !important;
        border: none;
        padding: .5rem 2rem !important;
        font-weight: 600;
        text-transform: uppercase;
        font-style: italic;
        font-weight: 900;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        font-size: 1.5rem !important;
        cursor: pointer;
        text-decoration: none;
        user-select: none;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        border-radius: 0 !important;
        transform: skew(-10deg);
    }

    .gohQDu:hover {
      background: #fae400 !important;
      border: 5px solid #1200ff !important;
      color: #1200ff !important;
    }

    .css-ox7odk-control {
      background-color: transparent !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 500 !important;
    }

    .ta-upm-label {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 500 !important;
      font-size: .875rem !important;
      color: #FFF;
      text-transform: uppercase;
    }

    .ta-upm-text-container input[type=text],
    .ta-upm-email-container input[type=email] {
      border: 1px solid #FFF !important;
    }

    .react-datepicker-wrapper .react-datepicker__input-container input {
        border: 1px solid #FFF !important; 
    }

    .iBajzv {
      line-height: normal !important;
      border: 1px solid #FFF !important; 
    }

    .gtDaxi {
      display: grid !important;
      grid-template-columns: repeat(1, 1fr) !important;
      align-items: flex-start !important;
      column-gap: 1.5rem !important;
      row-gap: 1rem !important;
    }

    .eWpXiF {
      margin-bottom: 0 !important;
    }

    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date] {
      width: 100% !important;
      max-width: 100% !important;
      text-align: left !important;
      /* border: 1px solid #FFF !important; */
      color: #FFF !important;
      background-color: transparent !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 500 !important;
      padding: var(--mb-0-5) 1rem !important;
      font-size: .875rem !important;
      border-radius: 0 !important;
      padding: .5rem !important;
    }

    .ta-phone-country-select .kVLPQy {
        pointer-events: none !important;
        user-select: none !important;
    }

    #isPasted {
      background-color: transparent !important;
      font-size: .65rem;
      color: #FFF !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 500 !important;
      text-transform: uppercase;
      margin-top: 5px;
    }

    #isPasted span,
    #isPasted a,
    #isPasted strong {
      color: var(--first-color) !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 500 !important;
      font-size: 0.75rem !important;
      text-transform: uppercase;
    }

    .css-hlgwow {
      padding: .15rem 1rem !important;
      background-color: transparent !important;
    }

    .css-19bb58m {
      margin: 0 !important;
      padding: 0 !important;
    }

    .ta-upm-select .css-vwcxbb-control {
      background-color: transparent !important;
      border: thin solid #FFF !important;
      border-radius: 0 !important;
    }

    .ta-upm-select__single-value {
      color: #FFF !important;
    }

    .esDMWB div.ta-phone-country-select {
      width: 245px !important;
    }

    .ta-phone-country-select .css-hlgwow {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .ta-phone-country-select .ta-upm-select__single-value {
      text-align: center !important;
    }

    .lmTHZX {
      background-color: rgba(0, 0, 0, 0.5) !important;
      border-radius: 3rem !important;
      padding: 1rem .5rem;
    }

    .ta-upm-modal-header {
      display: none !important;
    }

    .ocultar {
      display: none !important;
    }

    .kTiQfL {
      display: none !important;
    }

    .cYbmxB {
      background-color: #1200ff !important;
      color: #FFF !important;
      font-size: 1rem !important;
      padding: .5rem 2rem !important;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      margin-right: 0 !important;
    }

    .BmhMK {
      padding: .5rem 1rem !important;
    }

    /* ===================== MOBILE (portrait) ===================== */
    @media (max-width: 768px) {
      /* En mobile: imagen Fondo_t_Mobile_2 en flujo (genera altura) para poder
         scrollear y ver su base. Los elementos quedan fijos (position:fixed). */
      html, body { overflow-x: hidden; overflow-y: auto; height: auto; }
      .bg { display: none; }
      .bg-mobile { display: block; position: relative; z-index: 0;
                   width: 100%; height: auto; }
      .logo-ls  { top: 2%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 42%; }

      .p2-titulo { left: 0; right: 0; margin-left: auto; margin-right: auto;
                   top: 18%; width: 88vw; }
      .p2-panel  { left: 0; right: 0; margin-left: auto; margin-right: auto;
                   top: 27%; width: 92vw; height: auto; aspect-ratio: 580 / 644; }
      .p2-slogan { display: none; }                /* Haztodo: se oculta para no chocar con el recuadro */

      /* Botones ENVIAR / BORRAR centrados como par, debajo del recuadro */
      .p2-enviar { left: 2vw;  right: auto; top: 77%; width: 47vw; }
      .p2-borrar { left: 51vw; right: auto; top: 77%; width: 47vw; }

      .p1-footer { left: 0; right: 0; bottom: 2.5%; gap: 14px; align-items: center; }
      .p1-social { gap: 22px; justify-content: center; }
      .p1-social img { width: 8vw; }
      .p1-legal  { gap: 4vw; justify-content: center; }
      .p1-legal img { height: 3.4vw; }
    }

    @media screen and (min-width: 968px) {
      .esDMWB div.ta-phone-country-select {
          width: 170px !important;
      }
      .gtDaxi {
        grid-template-columns: repeat(2, 1fr) !important;
      }
      #ta-upm-form-group-a41326fd-d7ab-45e2-a812-9383c321b3fc,
      #ta-upm-form-group-8f6ee713-c056-4173-96e9-47aa3613e0fb {
        grid-column: span 2 !important;
      }

      .logo-ls {
        position: fixed;
      }
      .p2-titulo { 
        position: fixed; 
      }
      .p2-panel  { 
        position: fixed;
      }
      .p1-footer {
        position: fixed; 
      }

      .cYbmxB {
        font-size: 2rem !important;
        padding: .5rem 2rem !important;
      }
      #isPasted {
        font-size: .75rem;
      }

      .flPszU {
        padding: 1rem !important;
      }
    }