/* Animación de pulso para ambos - Colores Azul Profesional */
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7);
     }

     70% {
         box-shadow: 0 0 0 15px rgba(255, 87, 34, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0);
     }
 }

 @keyframes pulse-mobile {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7);
     }

     70% {
         box-shadow: 0 0 0 10px rgba(255, 87, 34, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0);
     }
 }

 @keyframes pulse-mobile-subtle {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.4);
     }

     70% {
         box-shadow: 0 0 0 8px rgba(255, 87, 34, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 87, 34, 0);
     }
 }

 .botonsxx-s {
     background: linear-gradient(45deg, #FF4081, #7C4DFF);
     color: white;
     border: none;
     padding: 18px 45px;
     font-size: 20px;
     font-weight: 800;
     border-radius: 10px;
     cursor: pointer;
     box-shadow: 0 0 0 rgba(255, 87, 34, 0.4);
     animation: pulse 2s infinite;
     transition: all 0.3s ease;
     text-transform: uppercase;
     font-family: 'Arial Black', 'Arial', sans-serif;
     letter-spacing: 1.5px;
     min-width: 280px;
 }

 .botonsxx-s:hover {
     animation: none;
     transform: translateY(-3px);
     background: linear-gradient(135deg, #FF9800, #FF5722);
     box-shadow: 0 10px 30px rgba(255, 87, 34, 0.4) !important;
 }

 .botonsxx-m {
     background: linear-gradient(135deg, #FF7043, #FF5722);
     color: white;
     border: none;
     padding: 14px 24px;
     font-size: 15px;
     font-weight: 600;
     border-radius: 8px;
     cursor: pointer;
     box-shadow: 0 3px 10px rgba(255, 87, 34, 0.25);
     animation: pulse-mobile-subtle 2s infinite;
     transition: all 0.2s ease;
     text-transform: uppercase;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     letter-spacing: 0.5px;
     width: 90%;
     max-width: 260px;
     display: block;
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     min-height: 48px;
     touch-action: manipulation;
     -webkit-tap-highlight-color: transparent;
     line-height: 1.2;
 }

 .botonsxx-m:active {
     animation: none;
     transform: translateY(2px);
     background: linear-gradient(135deg, #FF5722, #FF7043);
     box-shadow: 0 2px 6px rgba(255, 87, 34, 0.2) !important;
 }

 /* Ajuste para el contenedor del botón mobile */
 .amazingslider-button-mobile {
     display: block;
     text-align: center;
     margin: 15px 0 25px !important;
     padding: 0 10px;
 }


 /* Media Queries permanecen igual */
 @media (max-width: 768px) {
     .botonsxx-s {
         padding: 14px 30px;
         font-size: 16px;
         min-width: 240px;
         letter-spacing: 1px;
     }

     .amazingslider-button-1 {
         margin: 20px 0 !important;
     }
 }

 @media (max-width: 480px) {
     .botonsxx-s {
         padding: 12px 25px;
         font-size: 14px;
         min-width: 200px;
     }

     .botonsxx-m {
         padding: 14px 20px;
         font-size: 14px;
     }
 }

 @media (hover: none) and (pointer: coarse) {

     .botonsxx-s:hover,
     .botonsxx-m:hover {
         transform: none;
     }

     .botonsxx-s:active,
     .botonsxx-m:active {
         transform: translateY(2px);
     }
 }

 /* Versión más compacta para pantallas muy pequeñas */
 @media (max-width: 375px) {
     .botonsxx-m {
         padding: 12px 20px;
         font-size: 14px;
         min-height: 44px;
         border-radius: 6px;
         max-width: 240px;
         letter-spacing: 0.3px;
     }

     .amazingslider-button-mobile {
         margin: 12px 0 20px !important;
     }
 }

 @media (max-width: 320px) {
     .botonsxx-m {
         padding: 10px 18px;
         font-size: 13px;
         min-height: 40px;
         max-width: 220px;
         font-weight: 500;
     }
 }

 /* Para hover en dispositivos táctiles */
 @media (hover: none) and (pointer: coarse) {
     .botonsxx-m:hover {
         transform: none;
     }

     .botonsxx-m:active {
         transform: translateY(2px);
     }
 }