.plan-card {
       border-radius: 20px;
       background: linear-gradient(180deg, #ffffff, #f7f7f7);
       border: 1px solid rgba(0, 0, 0, 0.05);
       transition: transform 0.4s ease, box-shadow 0.4s ease;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12),
           0 15px 30px rgba(0, 0, 0, 0.1);
       padding: 25px 20px;
       position: relative;
       overflow: hidden;
   }

   .card-body ul.list-unstyled {
       text-align: left;
   }

   .plan-card:hover {
       transform: translateY(-10px) scale(1.02);
   }

   /* Título más fuerte */
   .plan-card .card-title {
       font-weight: 700;
       color: #222;
       font-size: 1.5rem;
       margin-bottom: 1rem;
   }

   /* Subtítulo (Mb) destacado */
   .plan-card h5 {
       font-weight: 700;
       font-size: 1.2rem;
       color: #0058b6;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
   }

   /* Badge más vistoso */
   .plan-card .badge {
       font-size: 0.9rem;
       padding: 8px 14px;
       border-radius: 20px;
       font-weight: 600;
       box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
   }

   .icon-circle {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 45px;
       height: 45px;
       border-radius: 50%;
       background: rgba(0, 88, 182, 0.101);
       margin: 5px;
       color: #0058b6;
       transition: all 0.3s ease;
   }

   .icon-circle:hover {
       background: #004b64;
       transform: scale(1.1);
       color: #ffffff;
   }

   /* Botón principal */
   .btn-custom {
       background: linear-gradient(45deg, #28a745, #0058b6);
       border: none;
       color: #fff;
       border-radius: 30px;
       padding: 12px 25px;
       transition: all 0.3s ease;
   }

   .btn-custom:hover {
       background: linear-gradient(45deg, #007bff, #28a745);
       transform: scale(1.05);
       color: #fff;
   }

   .btn-custom2 {
       background: #004b64;
       border: none;
       color: #fff;
       border-radius: 30px;
       padding: 12px 25px;
       transition: all 0.3s ease;
   }

   .btn-custom2:hover {
       background: #28a745;
       transform: scale(1.05);
       color: #fff;
   }

   /*Formulario*/
   .card-form {
       background: #ffffff00;
       /* Color de fondo */
       border-radius: 25px;
       box-shadow: 6px 6px 6px rgba(255, 255, 255, 0.446),
           -6px -6px 6px rgba(255, 255, 255, 0.446);
       text-align: center;
   }

   .card-form h3 {
       font-size: 1.6rem;
       line-height: 1.4;
   }

   .input-custom {
       padding: 25px 18px;
       border: none;
       border-radius: 15px;
       background: rgba(255, 255, 255, 0.333);
       color: #fff;
       font-size: 14px;
       outline: none;
       transition: 0.3s ease;
   }

   .input-custom::placeholder {
       color: #e0e0e0;
       font-weight: 500;
   }

   .input-custom:focus {
       background: rgba(255, 255, 255, 0.25);
       box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
   }

   @media (max-width: 768px) {
       .card-form {
           padding: 25px 20px !important;
       }

       .card-form h3 {
           font-size: 1.3rem;
       }

       .input-custom {
           width: 100%;
           margin-top: 7px;
           margin-bottom: 7px;
       }
   }

   /* Footer */
   footer .btn-floating {
       transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   footer .btn-floating:hover {
       transform: scale(1.2);
       box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
   }

   /* Estilo base para todos los botones sociales */
   .social-btn {
       width: 50px;
       height: 50px;
       border-radius: 50%;
       /* Botón redondo */
       display: inline-flex;
       align-items: center;
       justify-content: center;
       font-size: 22px;
       color: white;
       transition: all 0.3s ease-in-out;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   }

   /* Efecto hover */
   .social-btn:hover {
       transform: translateY(-5px) scale(1.1);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
       color: rgb(0, 0, 0);
   }

   .social-phone {
       color: #004b64;
   }

   .social-facebook {
       color: #004b64;
   }

   .social-google {
       color: #004b64;
   }

   .social-instagram {
       color: #004b64;
   }

   .social-whatsapp {
       color: #004b64;
   }

   /* Estilos para el menú desplegable */
   .navbar .dropdown-menu {
       background: rgba(255, 255, 255, 0.334);
       border: none;
       border-radius: 7px;
       backdrop-filter: blur(5px);
   }

   /* Estilos para los items dentro del dropdown */
   .navbar .dropdown-item {
       color: #000000;
       transition: background 0.3s ease;
       /* font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
       font-family: "Poppins", sans-serif;
       font-weight: 700;
       font-size: 0.9rem;
   }

   .navbar .dropdown-item:hover {
       background: rgba(0, 0, 0, 0);
       color: #004b64;
   }