@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* CONTENEDOR */ .artshop-maps { width: 100%; max-width: 900px; margin: 0 auto; font-family: 'Inter', sans-serif; } /* TARJETA */ .artshop-map-card { background: #ffffff; border: 1px solid #F0D98F; border-radius: 16px; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.08); } .artshop-map-card h3 { margin: 0 0 14px 0; padding: 13px 16px; background: #FFF9E8; border: 1px solid #F0D98F; border-radius: 12px; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; color: #111111; } /* MAPA */ .artshop-map { width: 100%; height: 380px; border-radius: 14px; overflow: hidden; background: #FFF9E8; } .artshop-map iframe { width: 100%; height: 100%; display: block; border: 0; } /* DIRECCIÓN */ .artshop-address { display: flex; flex-direction: column; gap: 5px; padding: 16px 3px 4px; color: #222222; font-size: 14px; line-height: 1.6; } .artshop-address strong { font-size: 15px; font-weight: 700; color: #111111; } /* ACCIONES */ .artshop-actions { display: flex; margin-top: 14px; } .artshop-btn { width: 100%; text-decoration: none !important; border-radius: 12px; padding: 13px 14px; background: #EEB116; color: #000000; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 700; text-align: center; transition: .2s ease; box-shadow: 0 4px 12px rgba(238,177,22,.18); } .artshop-btn-inner { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; } .artshop-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; } .artshop-icon svg { width: 18px !important; height: 18px !important; color: #000000 !important; display: block !important; } .artshop-btn:hover { transform: translateY(-1px); background: #111111; color: #ffffff; } .artshop-btn:hover .artshop-icon svg { color: #ffffff !important; } /* CELULAR */ @media (max-width: 767px) { .artshop-map-card { padding: 12px; border-radius: 14px; } .artshop-map-card h3 { font-size: 16px; padding: 12px 14px; } .artshop-map { height: 300px; } .artshop-address { font-size: 13px; } .artshop-btn { font-size: 13px; } }