Publicidad Comercial - SoydeVen.us PANAMA

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#FF0060 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #FF0060 !important; border-color: #FF0060 !important; } .text-primary, .filters_col .distance span { color: #FF0060 !important; } .btn-outline-primary { color: #FF0060 !important; border-color: #FF0060 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #FF0060 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #FF0060!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#333333 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #333333 !important; border-color: #333333 !important; } .text-secondary { color: #333333 !important; } .text-secondary a { color: #333333 !important; } .btn-outline-secondary { color: #333333 !important; border-color: #333333 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #333333 !important; background-color: #333333 !important; } .bg-dark { background:#333333 !important; } body { background:#333333 !important; color:#D3D3D3!important; } .link-dark, a.text-dark { color:#FF0080!important; } .link-light, a.text-light { color:#FF0080!important; } .border-top { border-top: 1px solid #777777!important; } .border-bottom { border-bottom: 1px solid #777777!important; } .single-listing_type [ppt-box] { background:#999999!important; border:0px!important; } .single-listing_type [ppt-box] ._header:not(.shadow-none) { border:0px!important; } body:not(.search-results) .filterboxWrap [ppt-border1] { background:#C0C0C0!important; border:0px!important; } body:not(.search-results) .filterboxWrap [ppt-border1] { color:#FF0060!important; } [data-ppt-btn].btn-lg { border-radius: 25px !important; } .tall-images .bg-image { border-radius: 25px 0px 25px 0px !important; } .single-listing_type [ppt-box] { background: #ffffff20 !important !important; } [ppt-box] { border: none !important; box-shadow: none !important; background: none !important; } [ppt-border1] { border: 0px solid var(--ppt-border-grey) !important; } .bg-light { background-color: transparent !important; } .button-featured-new-wrap.es { height: 60px !important; } [ppt-search-badges].right { bottom: 60px !important; } .btn { border-radius: 2rem !important; } /* Estilos para la nueva interfaz de paquetes - COMPLETAMENTE RESPONSIVE */ .package-grid-container { display: flex; flex-wrap: wrap; margin: 0 -8px; } .package-grid-item { padding: 0 8px; margin-bottom: 16px; } .package-card { transition: all 0.3s ease; background: #fff; border: 2px solid #e9ecef; height: 100%; display: flex; flex-direction: column; } .package-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; } .package-card-selected { border-color: #007bff !important; background: #f8f9ff; transform: translateY(-2px); } .package-header { min-height: auto; flex-shrink: 0; } .package-icon { font-size: 20px; flex-shrink: 0; } .package-body { flex-grow: 1; display: flex; flex-direction: column; } .package-description { line-height: 1.4; flex-grow: 1; font-size: 12px; } .package-footer { flex-shrink: 0; } .package-select-btn { cursor: pointer; margin: 0; } .min-w-0 { min-width: 0; } /* Tamaños de badges responsivos */ .badge-sm { font-size: 0.75rem; padding: 0.35rem 0.65rem; } .badge-md { font-size: 0.8rem; padding: 0.4rem 0.75rem; } /* Botones responsivos */ .btn-sm { padding: 0.5rem 1rem; font-size: 0.875rem; } .btn-md-normal { padding: 0.75rem 1.5rem; font-size: 1rem; } /* Tamaños de texto responsivos */ .small { font-size: 0.875rem; } .small-md { font-size: 0.9rem; } .h4-md { font-size: 1.3rem; } .select2-results__option--selectable { color: #000; } /* Responsive para móviles pequeños (hasta 576px) */ @media (max-width: 576px) { .package-grid-container { margin: 0 -6px; } .package-grid-item { padding: 0 6px; margin-bottom: 12px; } .package-card { padding: 1rem !important; } .package-header { margin-bottom: 1rem !important; } .package-icon { font-size: 18px; margin-right: 0.75rem !important; } .h5 { font-size: 1.1rem; } [ppt-search-badges].right { bottom: 10px !important; } [data-ppt-btn].btn-primary { left: 200px; } .button-featured-new-wrap.es { bottom: 30px; } .ppt-modal-wrap:not(.modal-bottom-right) .ppt-modal-container { height: 100%; } } /* Responsive para tablets (577px - 768px) */ @media (min-width: 577px) and (max-width: 768px) { .package-card { padding: 1.25rem !important; } .package-icon { font-size: 22px; } .h5 { font-size: 1.2rem; } [ppt-search-badges].right { bottom: 10px !important; } .button-featured-new-wrap.es { bottom: 30px; } } /* Responsive para desktop (769px+) */ @media (min-width: 769px) { .package-grid-item { margin-bottom: 24px; } .package-card { padding: 1.5rem !important; } .package-icon { font-size: 24px; } } /* Asegurar que las tarjetas mantengan altura consistente */ .package-card { min-height: 200px; } @media (max-width: 576px) { .package-card { min-height: 200px; } } /* Mejoras visuales para el formulario completo */ .form-control.big { border-radius: 8px; padding: 12px 15px; font-size: 16px; } .block-header { margin-bottom: 2rem; } .block-header__title { font-size: 1.5rem; font-weight: 600; } /* Optimización para dispositivos táctiles */ @media (max-width: 768px) { .package-select-btn .btn { min-height: 44px; /* Tamaño mínimo para touch */ display: flex; align-items: center; justify-content: center; } .package-card { border-width: 1px; /* Borde más fino en móviles */ } } /* Efectos de hover solo en dispositivos no táctiles */ @media (hover: hover) and (pointer: fine) { .package-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important; } }