.rastreo-avanzado {
max-width: 1100px;
margin: 2rem auto;
padding: 2rem;
background: linear-gradient(145deg, #ffffff, #f8fafc);
border-radius: 1.5rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.rastreo-avanzado h2 {
font-size: 2rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.filtros {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 2rem;
}
.filter-button {
background: #eff6ff;
color: #3b82f6;
border: 2px solid #3b82f6;
padding: 0.5rem 1.25rem;
border-radius: 999px;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.filter-button:hover {
background: #3b82f6;
color: #fff;
}
.filter-button.active {
background: #2563eb;
color: #fff;
}
.pedido-card {
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border-left: 4px solid #3b82f6;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pedido-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.pedido-card p {
margin: 0.5rem 0;
font-size: 0.875rem;
color: #475569;
}
.notification {
color: #dc2626;
font-size: 0.8rem;
margin-top: 0.25rem;
padding: 0.25rem 0.5rem;
background: #fee2e2;
border-radius: 0.25rem;
display: inline-block;
}
.pedido-card img {
max-width: 150px;
border-radius: 0.5rem;
margin-top: 0.75rem;
}
.pedido-card .print-btn {
background: #10b981;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 999px;
font-size: 0.875rem;
margin-top: 1rem;
width: 100%;
text-align: center;
transition: background 0.2s ease;
}
.pedido-card .print-btn:hover {
background: #059669;
}
.custom-section {
margin-top: 2rem;
padding: 1.5rem;
background: #f9fafb;
border-radius: 1rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.custom-section h3 {
font-size: 1.5rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 1rem;
}
.custom-section p {
font-size: 0.95rem;
color: #4b5563;
line-height: 1.6;
}
.custom-section ul {
list-style-type: none;
padding-left: 0;
}
.custom-section ul li {
margin-bottom: 0.5rem;
padding-left: 1.5rem;
position: relative;
}
.custom-section ul li:before {
content: "👉";
position: absolute;
left: 0;
}
@media (max-width: 640px) {
.rastreo-avanzado {
padding: 1rem;
}
.filtros {
flex-direction: column;
gap: 0.5rem;
}
.pedido-card {
padding: 1rem;
}
.custom-section {
padding: 1rem;
}
}:root {
--micasio-primary: #0073aa;
--micasio-secondary: #006799;
--micasio-success: #46b450;
--micasio-warning: #ffb900;
--micasio-error: #d63638;
--micasio-light: #f8f9fa;
--micasio-dark: #2c3e50;
--micasio-border: #ddd;
--micasio-shadow: 0 2px 8px rgba(0,0,0,0.1);
--micasio-radius: 4px;
} .micasio-sync-status {
background: var(--micasio-light);
border: 1px solid var(--micasio-border);
border-left: 4px solid var(--micasio-primary);
padding: 15px;
margin: 20px 0;
border-radius: var(--micasio-radius);
}
.micasio-sync-status .sync-info {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.status-success {
color: var(--micasio-success);
font-weight: bold;
}
.status-error {
color: var(--micasio-error);
font-weight: bold;
}
.status-pending {
color: var(--micasio-warning);
font-weight: bold;
} .micasio-tracking-code {
background: #e8f5e8;
border-left: 4px solid var(--micasio-success);
padding: 20px;
margin: 20px 0;
border-radius: var(--micasio-radius);
animation: fadeInUp 0.6s ease-out;
}
.micasio-tracking-code.animate-in {
animation: fadeInUp 0.6s ease-out;
}
.micasio-tracking-code h4 {
color: var(--micasio-primary);
font-size: 18px;
margin: 0 0 15px 0;
}
.micasio-tracking-code .code-display {
background: #fff;
padding: 15px;
border-radius: var(--micasio-radius);
margin: 10px 0;
text-align: center;
border: 2px dashed var(--micasio-success);
}
.micasio-tracking-code .code-display code {
font-size: 24px;
font-weight: bold;
color: #333;
letter-spacing: 1px;
font-family: 'Courier New', monospace;
}
.micasio-tracking-code .tracking-actions {
text-align: center;
margin-top: 15px;
}
.micasio-tracking-code .tracking-actions a {
background: var(--micasio-primary);
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: var(--micasio-radius);
display: inline-block;
transition: background-color 0.3s ease;
}
.micasio-tracking-code .tracking-actions a:hover {
background: var(--micasio-secondary);
} .micasio-notification {
position: fixed;
top: 20px;
right: 20px;
z-index: 9999;
max-width: 400px;
background: #fff;
border-radius: var(--micasio-radius);
box-shadow: var(--micasio-shadow);
animation: slideInRight 0.3s ease-out;
}
.micasio-notification.fade-out {
animation: fadeOut 0.3s ease-out forwards;
}
.micasio-notification.notification-success {
border-left: 4px solid var(--micasio-success);
}
.micasio-notification.notification-error {
border-left: 4px solid var(--micasio-error);
}
.micasio-notification.notification-info {
border-left: 4px solid var(--micasio-primary);
}
.micasio-notification.notification-warning {
border-left: 4px solid var(--micasio-warning);
}
.micasio-notification .notification-content {
display: flex;
align-items: center;
padding: 15px;
gap: 10px;
}
.micasio-notification .notification-icon {
font-size: 20px;
flex-shrink: 0;
}
.micasio-notification .notification-message {
flex: 1;
font-size: 14px;
line-height: 1.4;
}
.micasio-notification .notification-close {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
color: #999;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color 0.2s ease;
}
.micasio-notification .notification-close:hover {
background: #f0f0f0;
} .micasio-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
animation: fadeIn 0.3s ease-out;
}
.micasio-modal-content {
background: #fff;
border-radius: 8px;
max-width: 600px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
animation: slideUp 0.3s ease-out;
}
.micasio-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid var(--micasio-border);
}
.micasio-modal-header h3 {
margin: 0;
color: var(--micasio-dark);
font-size: 18px;
}
.micasio-modal-close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #999;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color 0.2s ease;
}
.micasio-modal-close:hover {
background: #f0f0f0;
}
.micasio-modal-body {
padding: 20px;
} .micasio-tracking-info {
font-size: 14px;
}
.micasio-tracking-info .tracking-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--micasio-border);
}
.micasio-tracking-info .tracking-code code {
background: var(--micasio-light);
padding: 4px 8px;
border-radius: 3px;
font-family: 'Courier New', monospace;
}
.micasio-tracking-info .tracking-status {
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.micasio-tracking-info .tracking-status.pendiente_confirmacion {
background: #fff3cd;
color: #856404;
}
.micasio-tracking-info .tracking-status.procesando {
background: #cce5ff;
color: #004085;
}
.micasio-tracking-info .tracking-status.aprobado {
background: #d4edda;
color: #155724;
}
.micasio-tracking-info .tracking-status.en_transito {
background: #d1ecf1;
color: #0c5460;
}
.micasio-tracking-info .tracking-status.entregado {
background: #d4edda;
color: #155724;
}
.micasio-tracking-info .tracking-status.cancelado {
background: #f8d7da;
color: #721c24;
} .micasio-tracking-info .timeline {
position: relative;
margin: 20px 0;
}
.micasio-tracking-info .timeline::before {
content: '';
position: absolute;
left: 20px;
top: 0;
bottom: 0;
width: 2px;
background: var(--micasio-border);
}
.micasio-tracking-info .timeline-item {
position: relative;
padding-left: 50px;
margin-bottom: 20px;
}
.micasio-tracking-info .timeline-item:last-child {
margin-bottom: 0;
}
.micasio-tracking-info .timeline-dot {
position: absolute;
left: 12px;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--micasio-border);
z-index: 1;
}
.micasio-tracking-info .timeline-item.active .timeline-dot {
background: var(--micasio-primary);
border-color: var(--micasio-primary);
}
.micasio-tracking-info .timeline-content {
background: var(--micasio-light);
padding: 12px;
border-radius: var(--micasio-radius);
}
.micasio-tracking-info .timeline-date {
font-size: 12px;
color: #666;
margin-bottom: 4px;
}
.micasio-tracking-info .timeline-title {
font-weight: bold;
margin-bottom: 4px;
}
.micasio-tracking-info .timeline-description {
font-size: 13px;
color: #666;
line-height: 1.4;
} .micasio-tracking-info .tracking-details {
margin: 20px 0;
}
.micasio-tracking-info .tracking-details h4 {
margin: 0 0 15px 0;
color: var(--micasio-dark);
font-size: 16px;
}
.micasio-tracking-info .details-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.micasio-tracking-info .details-grid div {
padding: 10px;
background: var(--micasio-light);
border-radius: var(--micasio-radius);
}
.micasio-tracking-info .details-grid strong {
display: block;
margin-bottom: 4px;
color: #666;
font-size: 12px;
text-transform: uppercase;
} .micasio-tracking-info .tracking-actions {
text-align: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--micasio-border);
}
.micasio-tracking-info .tracking-actions .btn {
background: var(--micasio-primary);
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: var(--micasio-radius);
display: inline-block;
transition: background-color 0.3s ease;
border: none;
cursor: pointer;
font-size: 14px;
}
.micasio-tracking-info .tracking-actions .btn:hover {
background: var(--micasio-secondary);
}
.micasio-tracking-info .tracking-actions .btn-secondary {
background: #6c757d;
}
.micasio-tracking-info .tracking-actions .btn-secondary:hover {
background: #5a6268;
} .micasio-tracking-error {
text-align: center;
padding: 40px 20px;
}
.micasio-tracking-error .error-icon {
font-size: 48px;
color: var(--micasio-error);
margin-bottom: 20px;
}
.micasio-tracking-error h3 {
color: var(--micasio-dark);
margin: 0 0 10px 0;
}
.micasio-tracking-error p {
color: #666;
margin: 0 0 20px 0;
} .micasio-loading-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.9);
z-index: 9998;
display: flex;
align-items: center;
justify-content: center;
}
.micasio-loading-overlay .loading-content {
text-align: center;
padding: 40px;
background: #fff;
border-radius: 8px;
box-shadow: var(--micasio-shadow);
}
.micasio-loading-overlay .spinner {
width: 40px;
height: 40px;
border: 4px solid var(--micasio-border);
border-top: 4px solid var(--micasio-primary);
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 20px auto;
}
.micasio-loading-overlay p {
margin: 10px 0;
color: var(--micasio-dark);
}
.micasio-loading-overlay .loading-subtitle {
color: #666;
font-size: 14px;
} .micasio-loading {
text-align: center;
padding: 40px 20px;
}
.micasio-loading .spinner {
width: 32px;
height: 32px;
border: 3px solid var(--micasio-border);
border-top: 3px solid var(--micasio-primary);
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 15px auto;
}
.micasio-loading p {
color: #666;
margin: 0;
} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInRight {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} @media (max-width: 768px) {
.micasio-modal {
padding: 10px;
}
.micasio-modal-content {
max-height: 95vh;
}
.micasio-tracking-info .tracking-header {
flex-direction: column;
gap: 10px;
text-align: center;
}
.micasio-tracking-info .details-grid {
grid-template-columns: 1fr;
}
.micasio-notification {
right: 10px;
left: 10px;
max-width: none;
}
.micasio-tracking-code .code-display code {
font-size: 18px;
}
}
@media (max-width: 480px) {
.micasio-tracking-code {
padding: 15px;
}
.micasio-tracking-code h4 {
font-size: 16px;
}
.micasio-tracking-code .code-display code {
font-size: 16px;
word-break: break-all;
}
.micasio-modal-content {
margin: 0;
border-radius: 8px 8px 0 0;
}
.micasio-modal {
align-items: flex-end;
}
} .woocommerce .micasio-tracking-code {
margin: 20px 0;
}
.woocommerce .micasio-sync-status {
margin: 20px 0;
}
.woocommerce-order .micasio-tracking-info {
margin: 20px 0;
} .micasio-admin-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 20px 0;
}
.micasio-admin-stat {
background: #fff;
border: 1px solid var(--micasio-border);
border-left: 4px solid var(--micasio-primary);
padding: 20px;
border-radius: var(--micasio-radius);
}
.micasio-admin-stat h3 {
margin: 0 0 10px 0;
color: var(--micasio-dark);
font-size: 16px;
}
.micasio-admin-stat .stat-value {
font-size: 24px;
font-weight: bold;
color: var(--micasio-primary);
}
.micasio-admin-stat .stat-label {
color: #666;
font-size: 14px;
} .woocommerce-checkout .micasio-field {
margin-bottom: 20px;
}
.woocommerce-checkout .micasio-field label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.woocommerce-checkout .micasio-field input {
width: 100%;
padding: 8px;
border: 1px solid var(--micasio-border);
border-radius: var(--micasio-radius);
}
.woocommerce-checkout .micasio-field input.error {
border-color: var(--micasio-error);
}
.woocommerce-checkout .micasio-field .error-message {
color: var(--micasio-error);
font-size: 12px;
margin-top: 5px;
}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:grid;column-gap:20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:100%;padding:0;position:relative}.woocommerce ul.products:not(.elementor-grid),.woocommerce-page ul.products:not(.elementor-grid){grid-template-columns:repeat(4,1fr)}.woocommerce ul.products:not(.elementor-grid).columns-1,.woocommerce-page ul.products:not(.elementor-grid).columns-1{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;margin-right:0}.woocommerce ul.products:not(.elementor-grid).columns-2,.woocommerce-page ul.products:not(.elementor-grid).columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-3,.woocommerce-page ul.products:not(.elementor-grid).columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-5,.woocommerce-page ul.products:not(.elementor-grid).columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-6,.woocommerce-page ul.products:not(.elementor-grid).columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-left:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-right:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.review-rating{order:2}.star-rating{margin-right:10px}.review-count{margin-left:10px;font-size:14px;margin-top:-6px}@media (max-width:544px){.review-rating{display:block}.review-count{margin-left:0;margin-top:0}}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{padding-left:0;padding-right:0}