/* Breadcrumb */
 
 .breadcrumb-section {
     padding: var(--spacing-sm) 0;
     background: var(--color-gray-light);
     font-size: var(--font-size-base);
 }
 
 .breadcrumb {
     display: flex;
     gap: var(--spacing-xs);
     list-style: none;
     margin: 0;
     padding: 0;
     color: var(--color-gray);
 }
 
 .breadcrumb a {
     color: var(--color-gold);
     text-decoration: none;
 }
 
 .breadcrumb li.active {
     color: var(--color-black);
     font-weight: 500;
 }
 /* Hero Recursos */
 
 .recursos-hero {
     background: var(--color-white);
     padding: var(--spacing-xl) 0;
 }
 /* Badges */
 
 .badge {
     display: inline-flex;
     align-items: center;
     padding: 4px 12px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: var(--spacing-sm);
 }
 
 .badge-destacado {
     background: var(--color-gold);
     color: var(--color-black);
 }
 
 .badge-pdf {
     background: #dc3545;
     color: var(--color-white);
 }
 
 .badge-plantilla,
 .badge-checklist {
     background: var(--color-gris-medio);
     color: var(--color-black);
 }
 /* Lead Magnet Grid */
 
 .lead-magnet-grid-recursos {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: var(--spacing-lg);
     align-items: start;
 }
 
 .lead-magnet-list {
     list-style: none;
     padding: 0;
     margin: 0 0 var(--spacing-md) 0;
 }
 
 .lead-magnet-list li {
     font-size: var(--font-size-base);
     color: var(--color-gray);
     padding: 4px 0;
 }
 
 .lead-magnet-mockup {
     width: 100%;
     max-width: 300px;
     height: auto;
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
     display: block;
     margin: var(--spacing-md) auto 0;
 }
 /* Formularios */
 
 .lead-magnet-form-container,
 .newsletter-form-container {
     background: var(--color-white);
     padding: var(--spacing-md);
     border-radius: 8px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
 }
 
 .form-title {
     font-size: var(--font-size-xl);
     font-weight: 700;
     margin-bottom: var(--spacing-md);
     color: var(--color-black);
     text-align: center;
 }
 
 .recursos-form .form-group {
     margin-bottom: var(--spacing-sm);
 }
 
 .recursos-form label {
     display: block;
     margin-bottom: 6px;
     font-weight: 500;
     font-size: var(--font-size-base);
     color: var(--color-black);
 }
 
 .recursos-form label .optional {
     font-weight: 400;
     color: var(--color-gray);
     font-size: 14px;
 }
 
 .recursos-form input[type="text"],
 .recursos-form input[type="email"] {
     width: 100%;
     padding: 12px;
     border: 1px solid var(--color-gris-medio);
     border-radius: 4px;
     font-family: var(--font-primary);
     font-size: var(--font-size-base);
     transition: var(--transition);
 }
 
 .recursos-form input:focus {
     border-color: var(--color-gold);
     outline: none;
     box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.1);
 }
 
 .checkbox-group {
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }
 
 .checkbox-group input[type="checkbox"] {
     margin-top: 4px;
     width: 18px;
     height: 18px;
     accent-color: var(--color-gold);
 }
 
 .checkbox-group label {
     margin: 0;
     font-weight: 400;
     font-size: var(--font-size-base);
     color: var(--color-gray);
 }
 
 .form-trust,
 .form-note {
     text-align: center;
     font-size: 14px;
 }
 /* Categorías Grid */
 
 .categorias-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: var(--spacing-md);
 }
 
 .categoria-card {
     background: var(--color-white);
     padding: var(--spacing-md);
     border-radius: 8px;
     text-align: center;
     text-decoration: none;
     color: var(--color-black);
     transition: var(--transition);
     border: 2px solid transparent;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .categoria-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     border-color: var(--color-gold);
 }
 
 .categoria-card.categoria-coming {
     opacity: 0.8;
     cursor: pointer;
 }
 
 .categoria-card.categoria-coming:hover {
     opacity: 1;
 }
 
 .categoria-icon {
     font-size: 32px;
     color: var(--color-gold);
     margin-bottom: var(--spacing-sm);
 }
 
 .categoria-title {
     font-size: var(--font-size-xl);
     font-weight: 700;
     margin-bottom: var(--spacing-xs);
 }
 
 .categoria-desc {
     font-size: var(--font-size-base);
     color: var(--color-gray);
     margin-bottom: var(--spacing-sm);
     flex-grow: 1;
 }
 
 .categoria-counter {
     font-size: 14px;
     font-weight: 600;
     color: var(--color-gold);
     margin-bottom: var(--spacing-xs);
 }
 
 .categoria-counter.coming-soon {
     color: var(--color-gray);
 }
 
 .categoria-cta {
     font-size: 14px;
     font-weight: 600;
     color: var(--color-black);
 }
 /* Recursos Grid (Cards) */
 
 .recursos-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--spacing-md);
 }
 
 .recurso-card {
     background: var(--color-white);
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     transition: var(--transition);
     display: flex;
     flex-direction: column;
 }
 
 .recurso-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }
 
 .recurso-image {
     position: relative;
 }
 
 .recurso-image img {
     width: 100%;
     height: 200px;
     object-fit: cover;
     display: block;
 }
 
 .recurso-content {
     padding: var(--spacing-md);
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }
 
 .recurso-title {
     font-size: var(--font-size-xl);
     font-weight: 700;
     margin-bottom: var(--spacing-xs);
     color: var(--color-black);
 }
 
 .recurso-desc {
     font-size: var(--font-size-base);
     color: var(--color-gray);
     margin-bottom: var(--spacing-sm);
     flex-grow: 1;
 }
 
 .recurso-meta {
     display: flex;
     gap: var(--spacing-sm);
     font-size: 14px;
     color: var(--color-gray);
     margin-bottom: var(--spacing-md);
     flex-wrap: wrap;
 }
 
 .recurso-meta i {
     color: var(--color-gold);
 }
 
 .btn-small {
     padding: 8px 20px;
     font-size: 14px;
 }
 /* Área Clientes */
 
 .area-clientes-list {
     list-style: none;
     padding: 0;
     margin: 0 auto var(--spacing-lg);
     max-width: 500px;
     text-align: left;
 }
 
 .area-clientes-list li {
     font-size: var(--font-size-lg);
     color: var(--color-white);
     padding: 6px 0;
     opacity: 0.9;
 }
 /* Newsletter Grid */
 
 .newsletter-grid {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: var(--spacing-lg);
     align-items: start;
 }
 
 .newsletter-benefits {
     list-style: none;
     padding: 0;
     margin: 0 0 var(--spacing-md) 0;
 }
 
 .newsletter-benefits li {
     font-size: var(--font-size-base);
     color: var(--color-gray);
     padding: 4px 0;
 }
 /* Utilidades */
 
 .me-1 {
     margin-right: 4px !important;
 }
 
 .me-2 {
     margin-right: 8px !important;
 }
 
 .ms-1 {
     margin-left: 4px !important;
 }
 
 .check-gold {
     color: var(--color-gold);
     font-weight: 600;
 }
 
 .required {
     color: #dc3545;
 }
 /* ============================================
    📱 RESPONSIVE - MÓVIL Y TABLET
    ============================================ */
 
 @media (max-width: 1024px) {
     .lead-magnet-grid-recursos,
     .newsletter-grid {
         grid-template-columns: 1fr;
     }
     .lead-magnet-mockup {
         order: -1;
         margin: 0 auto var(--spacing-md);
     }
     .categorias-grid {
         grid-template-columns: repeat(2, 1fr);
     }
     .recursos-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 
 @media (max-width: 768px) {
     .section {
         padding: var(--spacing-lg) 0;
     }
     .section-title {
         font-size: var(--font-size-3xl);
     }
     .hero-ctas {
         flex-direction: column;
         align-items: center;
     }
     .hero-ctas .btn {
         width: 100%;
         max-width: 350px;
     }
     .categorias-grid,
     .recursos-grid {
         grid-template-columns: 1fr;
     }
     .categoria-card {
         flex-direction: row;
         text-align: left;
         align-items: flex-start;
         padding: var(--spacing-sm);
     }
     .categoria-icon {
         margin-bottom: 0;
         margin-right: var(--spacing-sm);
     }
     .categoria-desc {
         display: none;
         /* Ocultar descripción en móvil para ahorrar espacio */
     }
     .recursos-form .form-group {
         margin-bottom: var(--spacing-sm);
     }
     .recursos-form input[type="text"],
     .recursos-form input[type="email"] {
         padding: 10px;
     }
     .btn-large {
         padding: 14px 32px;
         font-size: var(--font-size-base);
     }
     .cierre-recursos-section .hero-ctas {
         flex-direction: column;
     }
     .cierre-recursos-section .btn {
         width: 100%;
         max-width: 350px;
     }
 }
 
 @media (max-width: 480px) {
     .breadcrumb {
         font-size: 14px;
     }
     .section-title {
         font-size: var(--font-size-2xl);
     }
     .form-title {
         font-size: var(--font-size-lg);
     }
     .checkbox-group {
         flex-direction: column;
         align-items: flex-start;
     }
 }
 /* Accesibilidad: Focus visible */
 
 .btn:focus,
 .recursos-form input:focus,
 .categoria-card:focus,
 a:focus {
     outline: 2px solid var(--color-gold);
     outline-offset: 2px;
 }
 /* Animación suave para scroll */
 
 html {
     scroll-behavior: smooth;
 }