Política de envío

/* General Styles for the shipping info area */ .shipping-info-container { max-width: 800px; /* Adjust as needed */ margin: 20px auto; } .shipping-info-container h3 { margin-top: 20px; margin-bottom: 10px; } .shipping-info-container p { margin-bottom: 15px; } .shipping-info-container table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .shipping-info-container th, .shipping-info-container td { border: 1px solid #ddd; padding: 8px; text-align: left; } .shipping-info-container th { background-color: #f2f2f2; } /* Styles for the "Despacho Normal" title area */ .content-despacho { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .content-despacho h3 { margin: 0; } /* Accordion Styles */ .tabs-wrapper { /* Container for all tabs */ } .tab input[type="checkbox"] { display: none !important; /* Force hide the checkbox */ opacity: 0; /* Further ensure it's not visible */ position: absolute; /* Take out of document flow */ z-index: -1; /* Send it behind other elements */ } .tab-label { display: flex; justify-content: space-between; /* Aligns text to left, icon to right */ align-items: center; padding: 15px; background-color: #f7f7f7; border: 1px solid #e0e0e0; border-bottom: none; cursor: pointer; transition: background-color 0.3s ease; width: 100%; box-sizing: border-box; } /* Attempt to remove any theme-added ::before pseudo-elements on the label */ .tab-label::before { content: "" !important; display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; } .tab:last-of-type .tab-content { border-bottom: 1px solid #e0e0e0; } .tab-label:hover { background-color: #efefef; } .tab-label::after { content: '+'; font-weight: bold; /* Make icon bolder */ color: #333; /* Explicit color for the icon, adjust as needed */ padding-left: 10px; /* Add some space so icon is not flush with text if text is long */ } .tab input[type="checkbox"]:checked + .tab-label { background-color: #e9e9e9; border-bottom: none; } .tab input[type="checkbox"]:checked + .tab-label::after { content: '-'; /* Using hyphen for max compatibility */ font-weight: bold; /* Make icon bolder */ color: #333; /* Explicit color for the icon */ } .tab-content { display: none; padding: 15px; background-color: #ffffff; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; box-sizing: border-box; } .tab:last-of-type .tab-content{ border-bottom: 1px solid #e0e0e0; } .tab input[type="checkbox"]:checked ~ .tab-content { display: block; } .tab-content table th { background-color: #f9f9f9; } @media (max-width: 600px) { .shipping-info-container th, .shipping-info-container td, .tab-content th, .tab-content td { padding: 6px; } .tab-label { padding: 12px; } } // Optional: JavaScript to ensure only one tab is open at a time (radio button behavior for checkboxes) document.addEventListener('DOMContentLoaded', function () { const accordions = document.querySelectorAll('.tabs-wrapper .tab input[type="checkbox"]'); accordions.forEach(acc => { acc.addEventListener('change', function () { if (this.checked) { accordions.forEach(otherAcc => { if (otherAcc !== this) { otherAcc.checked = false; } }); } }); }); });