{\rtf1\ansi\ansicpg1252\cocoartf2867
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* ================================\
   SHOPPING LOCALES \'96 ESTILO DEFAULT\
   ================================ */\
\
/* Reset b\'e1sico */\
.shopping-container * \{\
    box-sizing: border-box;\
\}\
\
/* ================================\
   CONTENEDOR GENERAL\
   ================================ */\
.shopping-container \{\
    width: 100%;\
    max-width: 1280px;\
    margin: 0 auto;\
    padding: 24px;\
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\
\}\
\
/* ================================\
   BUSCADOR\
   ================================ */\
.shopping-search \{\
    margin-bottom: 20px;\
\}\
\
.shopping-search input \{\
    width: 100%;\
    padding: 14px 18px;\
    border-radius: 10px;\
    border: 1px solid #e5e7eb;\
    font-size: 15px;\
    outline: none;\
    transition: border 0.2s ease, box-shadow 0.2s ease;\
\}\
\
.shopping-search input:focus \{\
    border-color: #b8e34f;\
    box-shadow: 0 0 0 3px rgba(184, 227, 79, 0.3);\
\}\
\
.shopping-search input::placeholder \{\
    color: #9ca3af;\
\}\
\
/* ================================\
   TABS / PISOS\
   ================================ */\
.shopping-floors \{\
    display: flex;\
    gap: 10px;\
    margin-bottom: 24px;\
    flex-wrap: wrap;\
\}\
\
.shopping-floor \{\
    padding: 8px 18px;\
    border-radius: 999px;\
    background: #f3f4f6;\
    color: #374151;\
    font-size: 14px;\
    cursor: pointer;\
    transition: all 0.2s ease;\
    user-select: none;\
\}\
\
.shopping-floor:hover \{\
    background: #e5e7eb;\
\}\
\
.shopping-floor.active \{\
    background: #b8e34f;\
    color: #1f2937;\
    font-weight: 600;\
\}\
\
/* ================================\
   GRID DE LOCALES\
   ================================ */\
.shopping-grid \{\
    display: grid;\
    grid-template-columns: repeat(4, 1fr);\
    gap: 18px;\
\}\
\
/* Responsive */\
@media (max-width: 1024px) \{\
    .shopping-grid \{\
        grid-template-columns: repeat(2, 1fr);\
    \}\
\}\
\
@media (max-width: 640px) \{\
    .shopping-grid \{\
        grid-template-columns: 1fr;\
    \}\
\}\
\
/* ================================\
   CARD DE LOCAL\
   ================================ */\
.shopping-card \{\
    background: #ffffff;\
    border: 1px solid #e5e7eb;\
    border-radius: 14px;\
    padding: 16px;\
    display: flex;\
    gap: 14px;\
    align-items: center;\
    transition: box-shadow 0.2s ease, transform 0.2s ease;\
\}\
\
.shopping-card:hover \{\
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);\
    transform: translateY(-2px);\
\}\
\
/* ================================\
   LOGO DEL LOCAL\
   ================================ */\
.shopping-card-logo \{\
    width: 64px;\
    height: 64px;\
    border-radius: 10px;\
    background: #f9fafb;\
    display: flex;\
    align-items: center;\
    justify-content: center;\
    overflow: hidden;\
    flex-shrink: 0;\
\}\
\
.shopping-card-logo img \{\
    max-width: 100%;\
    max-height: 100%;\
    object-fit: contain;\
\}\
\
/* ================================\
   INFO DEL LOCAL\
   ================================ */\
.shopping-card-info \{\
    display: flex;\
    flex-direction: column;\
    gap: 4px;\
\}\
\
.shopping-card-title \{\
    font-size: 15px;\
    font-weight: 600;\
    color: #111827;\
    line-height: 1.2;\
\}\
\
.shopping-card-category \{\
    font-size: 13px;\
    color: #6b7280;\
\}\
\
.shopping-card-location \{\
    font-size: 13px;\
    color: #6b7280;\
\}\
\
/* ================================\
   UTILIDADES\
   ================================ */\
.shopping-hidden \{\
    display: none !important;\
\}\
}