display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding: 4px 4px 12px 4px; scrollbar-width: thin; scrollbar-color: #A3D2CA transparent; } .lt-carousel::-webkit-scrollbar { height: 6px; } .lt-carousel::-webkit-scrollbar-thumb { background: #A3D2CA; border-radius: 10px; } .lt-carousel-item { scroll-snap-align: start; flex: 0 0 calc(55% - 6px); /* Muestra 1.5 items para insinuar que hay más a la derecha */ border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.2s; background: #FFF; display: flex; flex-direction: column; text-decoration: none; } .lt-carousel-item:active { transform: scale(0.97); } .lt-carousel-img { width: 100%; height: 120px; object-fit: cover; display: block; background-color: #FFE2D8; } .lt-carousel-title { padding: 10px 8px; font-size: 0.9rem; color: #3A2F2B; font-weight: 600; } /* Estilos extra para página informativa Smart ID */ .lt-modal-content .lt-info-section { text-align: left !important; margin-top: 10px !important; } .lt-modal-content .lt-info-item { display: flex !important; gap: 15px !important; margin-bottom: 20px !important; align-items: flex-start !important; } .lt-modal-content .lt-info-icon { background: #FF8D6D !important; color: white !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; font-size: 1.3rem !important; } .lt-modal-content .lt-info-icon i { color: white !important; } .lt-modal-content .lt-info-text h3 { margin: 0 0 4px 0 !important; padding: 0 !important; font-size: 1.1rem !important; color: #3A2F2B !important; font-family: 'Outfit', sans-serif !important; font-weight: 700 !important; } .lt-modal-content .lt-info-text p { margin: 0 !important; padding: 0 !important; font-size: 0.95rem !important; color: #5C4F4A !important; line-height: 1.4 !important; font-family: 'Outfit', sans-serif !important; } .lt-modal-content .lt-info-btn { display: block !important; width: 100% !important; background: #FF8D6D !important; color: white !important; text-align: center !important; padding: 16px !important; border-radius: 99px !important; text-decoration: none !important; font-weight: 700 !important; margin-top: 10px !important; font-family: 'Outfit', sans-serif !important; border: none !important; } .lt-modal-content .lt-info-buttons-row { display: flex !important; gap: 12px !important; margin-top: 24px !important; width: 100% !important; } .lt-modal-content .lt-info-btn-outline { flex: 1 !important; display: block !important; border: 2px solid #FF8D6D !important; background: transparent !important; color: #FF8D6D !important; text-align: center !important; padding: 14px 10px !important; border-radius: 99px !important; text-decoration: none !important; font-weight: 700 !important; font-size: 0.85rem !important; font-family: 'Outfit', sans-serif !important; transition: all 0.2s ease !important; } .lt-modal-content .lt-info-btn-outline i { margin-right: 4px !important; } .lt-modal-content .lt-info-btn-outline:active { background: #FF8D6D !important; color: white !important; }