:root{--primary:#003d7a;--orange:#ff8c42;--gray-50:#f8f9fa;--gray-100:#f5f7fa;--gray-200:#e9ecef;--gray-400:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-900:#333;--sidebar-width:280px;--transition:all 0.3s ease}*{box-sizing:border-box}.cupones-module{margin:40px auto;max-width:1400px;padding:0 20px}.cupones-container{align-items:flex-start;display:flex;gap:30px}.cupones-header-mobile{display:none}@media (max-width:768px){.cupones-module{padding:20px 16px}}@media (max-width:480px){.cupones-module{padding:20px 12px}}.cupones-sidebar{background:#fff;border:1px solid var(--gray-200);border-radius:12px;flex-shrink:0;width:var(--sidebar-width)}.sidebar-header{border-bottom:2px solid var(--gray-200);padding:20px 24px}.sidebar-header h3{color:var(--primary);font-family:Josefin Sans,sans-serif;font-size:1.125rem;font-weight:700;margin:0}.sidebar-empresas{list-style:none;margin:0;padding:8px 0}.empresa-item{border-left:3px solid transparent;color:var(--gray-700);cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:.9375rem;font-weight:500;padding:14px 24px;transition:var(--transition)}.empresa-item:hover{background:var(--gray-100);color:var(--primary)}.empresa-item.active{background:rgba(255,140,66,.08);border-left-color:var(--orange);color:var(--orange);font-weight:600}.cupones-main-content{flex:1;min-width:0}.cupones-header{margin-bottom:32px}.cupones-title{color:var(--primary);font-family:Chewy Regular;font-size:40px;font-weight:700;margin:0 0 12px}.cupones-subtitle{color:var(--primary);font-family:Josefin Sans,sans-serif;font-size:1rem;font-weight:400;margin:0 0 24px}.cupones-tabs-nav{display:flex;gap:12px}.cupones-tabs-nav-mobile{display:none}.cupones-tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:8px;color:var(--gray-700);cursor:pointer;font-size:.9375rem;font-weight:500;padding:10px 24px;transition:var(--transition)}.cupones-tab-btn.active,.cupones-tab-btn:hover{background:var(--gray-100)}.cupones-tab-btn.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.cupones-tab-panel{display:none}.cupones-tab-panel.active{display:block}.empresa-section{display:none}.empresa-section.active{display:block}.cupones-cards-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.benefit-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.benefit-card:hover{border-color:var(--orange);box-shadow:0 12px 28px rgba(255,140,66,.3);transform:translateY(-4px)}.card-image{background:var(--gray-100);height:200px;overflow:hidden;position:relative;width:100%}.card-image img{height:100%;object-fit:contain;padding:15px;transition:transform .4s;width:100%}.benefit-card:hover .card-image img{transform:scale(1.05)}.card-image-placeholder{align-items:center;color:var(--gray-400);display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.card-content{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px}.card-title{color:var(--primary);font-family:Josefin Sans,sans-serif;font-size:.99rem;font-weight:700;margin:0;text-align:center}.card-description{color:var(--gray-600);font-size:.875rem;line-height:1.5}.card-discount-badge{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:8px;padding:14px;text-align:center}.discount-value{color:var(--orange);display:block;font-size:.85rem;font-weight:800}.card-btn{background:var(--orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:auto;padding:14px;transition:var(--transition);width:100%}.card-btn:hover{background:#e67d38;transform:translateY(-2px)}.cupones-pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}.pagination-btn{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-700);cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;min-width:40px;transition:var(--transition)}.pagination-btn:hover{background:var(--gray-100);border-color:var(--primary)}.pagination-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.pagination-dots{color:var(--gray-600);padding:0 8px}.cupon-modal{align-items:center;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.cupon-modal.active{display:flex}.cupon-modal-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.7);inset:0;position:absolute}.cupon-modal-content{background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.4);max-height:99vh;overflow-y:auto;position:relative;width:min(635px,94vw);z-index:1}.cupon-modal-content::-webkit-scrollbar{width:8px}.cupon-modal-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}.cupon-modal-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px}.cupon-modal-content::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.cupon-modal-close{align-items:center;background:hsla(0,0%,100%,.95);border:2px solid transparent;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:26px;font-weight:300;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:var(--transition);width:36px;z-index:3}.cupon-modal-close:hover{background:#fff;color:#000;transform:scale(1.1)}.cupon-modal-body{overflow:visible;padding:0}.modal-business{color:var(--primary);font-family:Josefin Sans,sans-serif;font-size:1.25rem;font-weight:800;margin:0;padding:30px 20px 4px;text-align:center}.modal-ubicacion{display:none;padding:0 20px 12px;text-align:center}.modal-ubicacion.show{display:block}.modal-ubicacion-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:4px;text-decoration:none;transition:var(--transition)}.modal-ubicacion-link:hover{text-decoration:underline}.modal-ubicacion-link i{font-size:.875rem}.modal-discount{background:var(--orange);border-radius:999px;color:#fff;font-size:1.125rem;font-weight:800;margin:0 auto 16px;padding:8px 20px;width:fit-content}.modal-badges,.modal-validez{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px;padding:0 20px;text-align:center}.modal-badge{color:var(--gray-700);display:inline-block;font-size:.875rem;font-weight:500}.modal-badge-unique{background:#10b981;border-radius:999px;color:#fff;display:none;font-size:15px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.modal-badge-unique.show{display:inline-block}.modal-badge-date{display:block}.modal-description{color:var(--gray-700);font-size:.875rem;line-height:1.5;margin-bottom:12px;padding:0 20px;text-align:center}.modal-description ol,.modal-description ul{margin:8px 0;padding-left:20px;text-align:left}.modal-requisitos{background:#fff4e6;border-radius:8px;display:none;margin:0 20px 16px;overflow:hidden}.modal-requisitos.show{display:block}.modal-requisitos-header{align-items:center;background:var(--orange);color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.modal-requisitos-header i{font-size:1rem}.modal-requisitos-content{font-size:15px;padding:12px 16px}.modal-tc{color:var(--gray-600);font-size:.875rem;margin-bottom:16px;padding:0 20px;text-align:center}.modal-tc a{color:var(--primary);font-weight:600;margin-left:4px;text-decoration:none}.modal-tc a:hover{text-decoration:underline}.modal-code-container{align-items:stretch;display:flex;gap:10px;margin-bottom:16px;padding:0 20px}.modal-code{background:#fff;border:2px dashed var(--gray-400);border-radius:8px;color:var(--gray-900);flex:1;font-size:1rem;font-weight:800;letter-spacing:1px;padding:12px;text-align:center}.modal-copy-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:12px 24px;transition:var(--transition);white-space:nowrap}.modal-copy-btn:hover{background:#002952}.modal-download-btn{background:var(--orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;margin:0 20px 20px;padding:14px;transition:var(--transition);width:calc(100% - 40px)}.modal-download-btn:hover{background:#e67d38}@media (max-width:1024px){.cupones-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cupones-module{margin:20px auto;padding:20px 16px}.cupones-container{flex-direction:column;gap:20px;width:100%}.cupones-header{display:none}.cupones-header-mobile{display:block;margin-bottom:20px;order:-1;width:100%}.cupones-header-mobile .cupones-title{color:var(--primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.cupones-header-mobile .cupones-subtitle{font-size:.875rem;margin:0 0 16px}.cupones-tabs-nav-mobile{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.cupones-tabs-nav{display:none}.cupones-sidebar{order:1;width:100%}.cupones-main-content{order:2;width:100%}.cupones-cards-grid{gap:16px;grid-template-columns:1fr;margin:0 auto;width:100%}.benefit-card{max-width:100%;width:100%}.modal-code-container{flex-direction:column}.modal-copy-btn{width:100%}}@media (max-width:480px){.cupones-module{margin:16px auto;padding:16px 12px}.cupones-container{gap:16px;width:100%}.cupones-header-mobile{margin-bottom:16px}.cupones-header-mobile .cupones-title{font-size:1.5rem;margin-bottom:8px}.cupones-header-mobile .cupones-subtitle{font-size:.8125rem;margin-bottom:12px}.cupones-tabs-nav-mobile{gap:8px}.sidebar-header h3{font-size:1.3rem}.empresa-item{font-family:Josefin Sans,sans-serif;font-size:1.1rem;padding:12px 20px}.cupones-tab-btn{font-size:.875rem;padding:8px 16px}.cupones-cards-grid{gap:12px}.card-title{font-size:1.3rem}.card-discount-badge{padding:12px}.discount-value{font-size:1.375rem}.card-btn{font-size:.875rem;padding:12px}.cupon-modal-content{margin:0 2vw;width:96vw}.modal-business{font-size:1.3rem;padding:24px 16px 4px}.modal-discount{font-size:1rem;padding:6px 16px}.modal-badges{padding:0 16px}.modal-badge-unique{font-size:.6875rem;padding:3px 10px}.modal-description{font-size:.8125rem;padding:0 16px}.modal-requisitos{margin:0 16px 12px}.modal-requisitos-header{font-size:.6875rem;padding:6px 12px}.modal-requisitos-content{padding:10px 12px}.modal-ubicacion{padding:0 16px 10px}.modal-ubicacion-link{font-size:.75rem}.modal-code-container{padding:0 16px}.modal-code{font-size:.9375rem;padding:10px}.modal-copy-btn{font-size:.8125rem;padding:10px 16px}.modal-download-btn{font-size:.875rem;margin:0 16px 16px;padding:12px;width:calc(100% - 32px)}}