/* HERO HEADER */
   .hero-seguro {
       margin-top: 90px;
       position: relative;
       min-height: 50vh;
       display: grid;
       place-items: center;
       background-image:
           linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.2)),
           var(--bg-image);
       background-size: cover;
       background-position: var(--posicion);
       background-repeat: no-repeat;
       color: #fff;
   }

   /* Bloques de característica */
   .feature {}

   .feature-icon {
       width: 64px;
       height: 64px;
       border-radius: 50%;
       display: grid;
       place-items: center;
       background: var(--secondary);
       color: #ffffff;
       box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
   }

   .feature-icon .iconify {
       font-size: 40px;
   }

   /* Hover sutil (solo el ícono sube un poco) */
   .feature:hover .feature-icon {
       transform: translateY(-4px);
       transition: transform .25s ease;
   }



   /* FORMULARIO */
   .modal-header {
       background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
       color: #fff;
       border-bottom: 0;
   }

   .modal-content {
       border: 0;
       border-radius: 1rem;
       overflow: hidden;
       box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
   }

   .form-control:focus,
   .form-select:focus {
       box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
   }

   .required-asterisk::after {
       content: " *";
       color: #dc3545;
       font-weight: 600;
   }

   .help-text {
       font-size: .875rem;
       color: #6c757d;
   }

   /* CTA minimalista y elegante */
   .cta-section {
       background: linear-gradient(135deg, var(--primary) 0%, #002b8a 100%);
       color: #ffffff;
       border-radius: 20px;
       margin: 4rem auto;
       max-width: 1100px;
       box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
   }

   .btn-cta {
       background: var(--secondary);
       color: #ffffff;
       padding: .9rem 2rem;
       border-radius: 6px;
       font-weight: 600;
       font-size: 1.05rem;
       transition: all .3s ease;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: .5rem;
   }

   .btn-cta:hover {
       background: var(--tercero);
       transform: translateY(-3px);
       box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
       color: #ffffff;
   }


   .tabla-indemnizacion {
       background-color: #fff;
       border-radius: .5rem;
       overflow: hidden;
   }

   .tabla-indemnizacion thead th {
       background-color: var(--primary);
       color: #fff;
       border: 0;
       font-weight: 600;
   }

   .tabla-indemnizacion tbody tr:nth-child(odd) {
       background-color: #f8f9fa;
   }

   .tabla-indemnizacion td,
   .tabla-indemnizacion th {
       font-size: .9rem;
       white-space: nowrap;
   }

   @media (max-width: 576px) {
       .tabla-indemnizacion td:first-child {
           min-width: 220px;
       }
   }