/** * Tienda (tienda/index): correcciones responsive. * Cargar al final del . Ámbito: body.fx-tienda */ .fx-tienda { overflow-x: hidden !important; } .fx-tienda main { overflow-x: hidden !important; max-width: 100% !important; } /* Banner catálogo */ @media (max-width: 991px) { .fx-tienda .banner { position: relative !important; max-width: 100% !important; padding-bottom: 0 !important; } .fx-tienda .banner #banner-figure { max-width: 100% !important; overflow: hidden !important; } .fx-tienda .banner #banner-figure img { width: 100% !important; max-height: min(52vh, 440px) !important; object-fit: cover !important; object-position: center center !important; display: block !important; } .fx-tienda .banner .text-banner { left: 50% !important; right: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 96% !important; max-width: min(96vw, 48rem) !important; text-align: center !important; padding: 0 16px !important; box-sizing: border-box !important; } .fx-tienda .banner .text-banner h1 { font-size: clamp(2.5rem, 12vw, 4.5rem) !important; line-height: 1.1 !important; margin: 0 !important; } .fx-tienda .banner .text-banner p { font-size: clamp(0.9rem, 3.5vw, 1.1rem) !important; margin-bottom: 12px !important; } } /* Fila superior (resultados / sidebar toggle): ancho completo */ @media (max-width: 991px) { .fx-tienda .content .show-side, .fx-tienda .content .show-select { width: 100% !important; float: none !important; padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box !important; } .fx-tienda .content .show-side .sp2 { display: block !important; width: 100% !important; text-align: center !important; margin-top: 8px !important; } } /* Grid de productos + títulos (anula h5 global nowrap de style-res-flower) */ @media (max-width: 991px) { .fx-tienda .content .content-flower { width: 100% !important; float: none !important; padding-left: 4px !important; padding-right: 4px !important; } .fx-tienda .content .content-flower .product-flower { width: 50% !important; float: left !important; padding-left: 6px !important; padding-right: 6px !important; box-sizing: border-box !important; } .fx-tienda .product-title-flower h5, .fx-tienda .product-title-flower h5 a { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.3 !important; font-size: clamp(12px, 3.1vw, 15px) !important; } .fx-tienda .product-title-flower .p-title { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; font-size: clamp(11px, 2.8vw, 13px) !important; line-height: 1.4 !important; max-height: none !important; } .fx-tienda .product-image-flower { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 0 !important; } .fx-tienda .product-image-flower img { max-height: 160px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } .fx-tienda .product-title-flower .add-cart .btn-add-cart { font-size: clamp(11px, 2.6vw, 13px) !important; padding: 6px 10px !important; white-space: normal !important; text-align: center !important; line-height: 1.25 !important; } } /* Columna categorías bajo el grid */ @media (max-width: 991px) { .fx-tienda .sidebar { width: 100% !important; float: none !important; clear: both !important; padding: 16px 10px 24px !important; box-sizing: border-box !important; } .fx-tienda .sidebar .list-group { margin-bottom: 12px !important; } } /* Paginación */ @media (max-width: 991px) { .fx-tienda .content .pagi { padding: 16px 8px 24px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .fx-tienda .content .pagi .pagination, .fx-tienda .content .pagi #pagination { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; margin: 0 !important; } } /* Cotización in-page */ @media (max-width: 991px) { .fx-tienda #cotizacion-section { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } .fx-tienda #cotizacion-section .container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } } /* Footer: altura fija e inline styles del HTML */ @media (max-width: 991px) { .fx-tienda footer { height: auto !important; min-height: 0 !important; max-width: 100% !important; background-size: cover !important; background-position: center top !important; } .fx-tienda footer .info-footer { padding-top: 40px !important; padding-bottom: 16px !important; } .fx-tienda footer .row > .info-footer, .fx-tienda footer .row > .new-letter { width: 100% !important; float: none !important; padding: 12px !important; } .fx-tienda footer .info-footer .col-xs-6 { width: 100% !important; float: none !important; margin-bottom: 16px !important; } .fx-tienda footer .new-letter { padding-bottom: 32px !important; } .fx-tienda footer .new-letter .form-new { margin-top: 0 !important; height: auto !important; min-height: min(220px, 50vw) !important; max-width: 100% !important; box-sizing: border-box !important; padding: 20px 16px 28px !important; background-size: cover !important; background-position: center center !important; } .fx-tienda footer .new-letter .form-new h1 { padding: 8px 8px 12px !important; margin: 0 !important; text-align: center !important; font-size: clamp(1.2rem, 4vw, 1.65rem) !important; } .fx-tienda footer .new-letter .form-new p { padding: 0 8px 16px !important; margin: 0 auto !important; max-width: 28rem !important; text-align: center !important; line-height: 1.55 !important; } .fx-tienda footer .new-letter .form-new input { display: block !important; width: 100% !important; max-width: 22rem !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .fx-tienda footer .new-letter .form-new button { display: block !important; width: fit-content !important; max-width: calc(100% - 24px) !important; margin: 16px auto 0 !important; } .fx-tienda footer .footer-logo .footer-row .col-lg-4 .logo-bot { margin-left: 0 !important; } }