/* Compra y gestión de Extracta Pharma */
.commerce{max-width:1160px;margin:0 auto;padding:38px 24px 70px}.commerce h1,.admin-intro h1{font:600 38px/1.15 'Playfair Display',Georgia,serif;color:var(--green);margin:12px 0}.commerce h2{font:600 27px/1.25 'Playfair Display',Georgia,serif}.commerce p{line-height:1.65;color:#61756f}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.checkout-heading{margin:30px 0}.checkout-heading>p{margin:10px 0 24px}.steps{display:flex;gap:24px;color:#7a8983;font-size:12px;flex-wrap:wrap}.steps span{padding-bottom:10px;border-bottom:2px solid #dce7e1}.steps .current{color:var(--green);border-color:var(--green);font-weight:800}.checkout-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:46px;align-items:start}.order-summary{padding:25px;background:#f5f9f7;border:1px solid var(--line);border-radius:16px;position:sticky;top:104px}.order-summary>img{display:block;width:100%;height:245px;object-fit:contain;mix-blend-mode:multiply;margin:6px 0 15px}.order-summary h2{font-size:27px;margin:10px 0}.order-summary>p{font-size:13px;margin:0 0 21px}.commerce label,.detail-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:18px}.commerce label small,.detail-form label small{font-size:11px;font-weight:400;color:var(--muted)}.commerce input,.commerce select,.commerce textarea,.detail-form input,.detail-form select,.detail-form textarea{font:400 14px/1.4 'DM Sans',Arial,sans-serif;border:1px solid #cdded5;background:white;color:var(--ink);width:100%;border-radius:9px;padding:12px 13px;min-height:45px;resize:vertical}.commerce :is(input,select,textarea):focus,.detail-form :is(input,select,textarea):focus{outline:2px solid #7fb1a4;outline-offset:1px;border-color:var(--green)}.commerce input::placeholder,.commerce textarea::placeholder,.detail-form input::placeholder{color:#8a9891}.commerce fieldset,.detail-form fieldset{border:0;padding:0;margin:0;min-width:0}.checkout-form fieldset{margin:0 0 22px}.checkout-form legend{font-size:18px;font-weight:800;margin:0 0 23px;display:flex;align-items:center;gap:10px;width:100%;padding-bottom:12px;border-bottom:1px solid var(--line)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.short-input{max-width:180px}.summary-line{display:flex;justify-content:space-between;gap:16px;margin:17px 0;font-size:13px}.summary-line>span{display:flex;align-items:center;gap:7px}.summary-total{display:flex;justify-content:space-between;gap:16px;padding:18px 0 8px;margin:15px 0;border-top:1px solid #cfded6;align-items:center;font-size:14px;font-weight:700}.summary-total>strong{font-size:26px;color:var(--green);white-space:nowrap}.summary-total small{font-size:12px}.commerce .quiet,.quiet{font-size:12px;color:#718079;line-height:1.6}.checkout-submit{width:100%;margin:14px 0 0;border-radius:10px;min-height:50px}.privacy-note{display:flex;gap:10px;align-items:flex-start;background:#f3f8f5;border-radius:9px;padding:12px 14px;color:var(--teal)}.privacy-note p{margin:0;font-size:12px}.privacy-note svg{flex-shrink:0;margin-top:3px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.error-message{background:#fff1ee;color:#9b3d2c;border:1px solid #f0c9c0;border-radius:9px;padding:13px 16px;font-size:13px;line-height:1.6;margin:14px 0}.error-message a{text-decoration:underline}.error-message button{margin:8px 0;display:block}button:disabled{cursor:wait;opacity:.55}.button-secondary:disabled{cursor:default}.centered{text-align:center;padding-top:100px}.confirmation{max-width:820px;text-align:center;padding-top:55px}.success-icon{background:#e6f3ec;color:#1c714f;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px}.confirmation-card{text-align:left;border:1px solid var(--line);border-radius:16px;padding:27px 30px;margin:35px 0}.confirmation-top{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:23px;border-bottom:1px solid var(--line)}.confirmation-top h2{font:700 18px 'DM Sans',Arial,sans-serif;letter-spacing:.03em;margin:7px 0}.confirmation-product{display:flex;gap:20px;align-items:center;margin:21px 0}.confirmation-product img{width:95px;height:120px;object-fit:contain}.confirmation-product h3{font-size:18px;margin:0 0 5px}.confirmation-product p{display:flex;align-items:center;gap:7px;font-size:12px;margin:5px 0}.confirmation-product>strong{margin-left:auto;white-space:nowrap}.next-payment{background:#f4f8f5;border-radius:12px;padding:19px;margin-top:25px}.next-payment h3{margin-top:0}.next-payment p{font-size:13px}.next-payment .btn{border-radius:9px}.payment-confirmed{display:flex;align-items:center;gap:10px;color:#18714e}.payment-confirmed p{color:inherit}.status{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.status.pending{background:#fff3d8;color:#886218}.status.paid{background:#e5f4eb;color:#1c704a}.status.shipping-new{background:#f0f3f1;color:#64776e}.status.shipping-prepared{background:#eaf2fc;color:#376392}.status.shipping-shipped{background:#edf0fb;color:#5b58a1}.admin-shell{min-height:100vh;background:#f5f7f5}.admin-header{height:86px;background:white;border-bottom:1px solid #dfe8e2;display:flex;align-items:center;justify-content:space-between;padding:10px max(28px,calc((100vw - 1310px)/2));gap:20px}.admin-brand{display:flex;align-items:center;gap:13px;color:var(--green);font-family:Georgia,serif;font-weight:700;font-size:21px;letter-spacing:.13em}.admin-brand img{width:54px;height:60px;object-fit:contain}.admin-brand span{display:flex;flex-direction:column;gap:5px}.admin-brand small{font-family:'DM Sans',Arial,sans-serif;letter-spacing:.19em;font-size:9px}.admin-nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.admin-nav a{display:flex;align-items:center;gap:6px}.admin-content{max-width:1360px;margin:auto;padding:40px 25px 50px}.admin-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-intro h1{margin:9px 0;font-size:36px}.admin-intro p{font-size:13px;color:#708177;line-height:1.7;margin:0}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #d2dfd7;color:#234c3d;padding:11px 15px;border-radius:8px;font:700 12px/1.3 'DM Sans',Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}.button-secondary:hover{background:#f1f7f3;border-color:#9abbab}.button-secondary.compact{padding:8px 10px;font-size:11px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:17px;margin-bottom:30px}.metrics article{display:flex;align-items:start;gap:14px;padding:22px 20px;background:white;border:1px solid #e0e8e2;border-radius:13px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#edf6f1;color:#397a5d;border-radius:10px}.metric-icon svg{width:19px}.metric-icon.amber{background:#fff5df;color:#aa812e}.metrics p{font-size:11px;color:#6d8073;margin:0 0 10px;line-height:1.4}.metrics strong{font-size:27px;font-weight:700;white-space:nowrap;color:var(--green)}.metrics small{font-size:10px;color:#829087;display:block;margin-top:5px}.orders-panel{border:1px solid #dfe7e1;border-radius:14px;background:white;overflow:hidden;box-shadow:0 6px 25px #1c402205}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;border-bottom:1px solid #edf1ee}.orders-title{display:flex;align-items:center;gap:13px}.orders-title h2{font-size:17px;font-weight:800;margin:0}.orders-title>span{font-size:10px;background:#eef4ef;color:#5a7566;border-radius:7px;padding:5px 8px}.icon-button{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #dee8e0;border-radius:8px;background:white;color:#527362;cursor:pointer}.order-filters{display:flex;align-items:center;gap:12px;padding:18px 23px}.search-input{display:flex;align-items:center;gap:9px;border:1px solid #d9e3dc;padding:11px 12px;border-radius:8px;flex:1;min-width:170px;color:#759182}.search-input input{border:0;background:transparent;outline:none;font:12px 'DM Sans',Arial,sans-serif;width:100%;color:var(--ink)}.filter-select{display:flex;align-items:center;gap:7px;font-size:11px;color:#6d8174}.filter-select select{font:12px 'DM Sans',Arial,sans-serif;padding:10px 25px 10px 10px;border:1px solid #d9e3dc;background:white;border-radius:8px;color:var(--ink);min-height:38px}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 23px;border-top:1px solid #edf2ee;background:#fbfdfb;min-height:59px}.selection-bar p{font-size:11px;color:#788b7d;margin:0}.table-scroll{overflow-x:auto;max-width:100%}.orders-table{border-collapse:collapse;width:100%;min-width:1000px;text-align:left;font-size:11px}.orders-table th{background:#f5f8f5;color:#6e8174;font-size:10px;letter-spacing:.02em;font-weight:700;padding:14px 12px;border-top:1px solid #e9eee9;border-bottom:1px solid #e5ebe5}.orders-table td{padding:18px 12px;border-bottom:1px solid #edf1ed;color:#415b4b;vertical-align:middle;line-height:1.6}.orders-table tbody tr:hover{background:#fafcf9}.orders-table th:first-child,.orders-table td:first-child{padding-left:23px;width:45px}.orders-table td strong{font-weight:700}.orders-table td small{display:block;font-size:10px;line-height:1.7;color:#87968b}.orders-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.order-code{background:none;border:0;padding:0;color:#165c42;font:700 10px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:left;white-space:nowrap}.order-code:hover{text-decoration:underline}.row-actions{display:flex;flex-direction:column;gap:5px;align-items:start}.text-button{border:0;background:none;padding:2px 0;cursor:pointer;color:var(--teal);font:600 10px/1.5 'DM Sans',Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.nowrap{white-space:nowrap}.orders-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 23px;font-size:10px;color:#849487;gap:16px}.orders-bottom>div{display:flex;align-items:center;gap:12px}.orders-bottom button{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid #dce6de;color:#5f7d69;background:white;cursor:pointer}.orders-bottom button:disabled{cursor:default}.empty-orders{text-align:center;padding:55px 20px;color:#819886}.empty-orders>svg{color:#98b29f}.empty-orders h3{color:#41644d;font-size:17px;margin:16px 0 10px}.empty-orders p{font-size:12px;max-width:440px;margin:0 auto 20px;line-height:1.8}.admin-footnote{display:flex;gap:11px;align-items:start;color:#658474;margin:22px 0 0;padding:15px 18px;border-radius:10px;border:1px solid #e0e9e1;background:#edf4ee}.admin-footnote svg{flex-shrink:0;margin-top:2px}.admin-footnote p{font-size:11px;line-height:1.7;margin:0}.admin-refresh-note{font-size:10px;margin:13px 3px}.notice{display:flex;align-items:center;gap:8px;background:#edf8f0;color:#34724a;padding:12px 23px;font-size:12px;line-height:1.6}.notice button{margin-left:auto;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}.orders-panel>.error-message{margin:10px 23px}.order-dialog{border:0;border-radius:16px;box-shadow:0 30px 90px #02231844;width:650px;max-width:calc(100vw - 28px);max-height:90vh;padding:0;color:var(--ink)}.order-dialog::backdrop{background:#0b2d2259;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:0;background:white;z-index:2;padding:22px 26px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:17px;margin:9px 0 0;letter-spacing:.02em}.dialog-top .eyebrow{font-size:9px}.order-dialog>.error-message{margin:18px 26px}.dialog-loading{padding:30px 26px;font-size:14px}.detail-summary{display:flex;align-items:center;gap:18px;padding:18px 26px;background:#f7faf7}.detail-summary img{width:80px;height:90px;object-fit:contain}.detail-summary h3{font-size:17px;margin:0 0 6px}.detail-summary p{font-size:13px;margin:0 0 8px}.detail-summary small{font-size:10px;color:#85968b}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 26px}.detail-info-grid h3,.detail-form>h3,.order-history h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 13px}.detail-info-grid section{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.detail-info-grid a{display:flex;align-items:center;gap:6px;color:var(--teal);margin-top:7px}.detail-info-grid p{margin:5px 0;color:#5c7566;white-space:pre-line}.detail-info-grid .delivery-notes{font-size:11px;color:#819183;background:#f5f8f4;border-radius:6px;padding:9px;margin-top:10px}.label-download{margin:0 26px 25px;max-width:calc(100% - 52px);white-space:normal}.detail-form{padding:22px 26px;border-top:1px solid var(--line)}.detail-form label{font-size:12px}.detail-form :is(input,select,textarea){font-size:12px;min-height:42px}.detail-form .btn{border-radius:8px;font-size:13px;min-height:42px}.order-history{padding:0 26px 28px}.order-history ol{list-style:none;margin:18px 0 0;padding:0 0 0 13px;border-left:1px solid #d9e6dc}.order-history li{padding:0 0 18px 11px;font-size:11px;position:relative;line-height:1.7}.order-history li:before{content:'';position:absolute;left:-17px;top:5px;width:7px;height:7px;border-radius:50%;background:#6e9c7b;border:2px solid white}.order-history small{display:block;font-size:10px;color:#8b9a90;margin-top:3px}.spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.checkout-grid{grid-template-columns:310px 1fr;gap:28px}.order-filters{flex-wrap:wrap}.search-input{flex-basis:100%}}
@media(max-width:700px){.commerce{padding:25px 18px 45px}.commerce h1{font-size:31px}.checkout-grid{grid-template-columns:1fr;gap:30px}.order-summary{position:static}.order-summary>img{height:180px}.steps{gap:12px;font-size:10px}.field-grid{grid-template-columns:1fr;gap:0}.checkout-form legend{font-size:17px}.confirmation{padding-top:35px}.confirmation-card{padding:21px 18px}.confirmation-top{flex-wrap:wrap}.confirmation-top h2{font-size:15px}.confirmation-product{gap:12px;flex-wrap:wrap}.confirmation-product img{width:75px;height:100px}.confirmation-product h3{font-size:15px}.confirmation-product>strong{margin-left:87px;margin-top:-15px}.confirmation .summary-total{font-size:12px}.confirmation .summary-total>strong{font-size:22px}.admin-header{height:77px;padding:10px 17px}.admin-brand{font-size:17px;gap:6px;letter-spacing:.1em}.admin-brand img{width:43px;height:51px}.admin-brand small{font-size:7px}.admin-nav{font-size:11px;gap:13px}.admin-nav a:last-child span{display:none}.admin-content{padding:27px 14px 35px}.admin-intro{align-items:start;flex-direction:column;gap:17px}.admin-intro h1{font-size:31px}.admin-intro p{font-size:12px}.admin-intro .eyebrow{font-size:10px}.metrics{gap:9px;margin-bottom:22px}.metrics article{padding:16px 12px;gap:8px}.metric-icon{width:29px;height:29px}.metric-icon svg{width:15px}.metrics p{font-size:10px;line-height:1.5}.metrics strong{font-size:23px}.metrics small{font-size:8px}.metrics article:last-child strong{font-size:21px}.orders-toolbar{padding:17px 14px}.orders-title h2{font-size:15px}.orders-title{gap:8px}.order-filters{padding:16px 14px;gap:10px}.filter-select{flex:1;flex-direction:column;align-items:start}.filter-select select{width:100%}.selection-bar{padding:12px 14px;flex-direction:column;align-items:start}.orders-bottom{padding:14px;font-size:9px;flex-wrap:wrap}.orders-panel>.error-message{margin:10px 14px}.admin-footnote{padding:13px 12px}.dialog-top{padding:19px 18px}.dialog-top h2{font-size:14px}.detail-summary{padding:15px 18px}.detail-info-grid{padding:21px 18px;grid-template-columns:1fr;gap:20px}.detail-summary h3{font-size:15px}.detail-form{padding:22px 18px}.label-download{margin:0 18px 22px;max-width:calc(100% - 36px)}.order-history{padding:0 18px 24px}.order-dialog{max-height:94vh}.order-dialog>.error-message{margin:14px 18px}}
@media(prefers-reduced-motion:reduce){.spinning{animation:none}}

.dispatch-notice{margin:0 26px 25px;padding:21px 18px;border:1px solid #d8e6dc;border-radius:11px;background:#f8fbf8}.dispatch-notice>h3{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 10px}.dispatch-notice>.quiet{font-size:11px;margin:0 0 15px}.dispatch-hint{font-size:11px;line-height:1.7;padding:10px 12px;background:#fff6e4;color:#8d713c;border-radius:7px;margin:12px 0}.dispatch-notice button:disabled{cursor:default}.dispatch-preview{margin-top:18px;border-top:1px solid #deeadf;padding-top:16px}.dispatch-preview dl{margin:0 0 16px;font-size:11px;line-height:1.7}.dispatch-preview dl>div{display:grid;grid-template-columns:45px 1fr;gap:8px;margin-bottom:7px}.dispatch-preview dt{font-weight:700;color:#7b8b7f}.dispatch-preview dd{margin:0;overflow-wrap:anywhere}.dispatch-email-view{margin:14px 0;border:1px solid #dce7dd;border-radius:8px;overflow:hidden;background:white}.dispatch-email-view summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 13px;font-size:11px;font-weight:700;cursor:pointer;list-style:none;color:#36644a}.dispatch-email-view[open] summary{border-bottom:1px solid #dce7dd}.dispatch-email-view iframe{display:block;width:100%;height:570px;border:0;background:#f1f5f2}.dispatch-send{border-radius:8px;font-size:12px;min-height:42px;padding:10px 15px}.dispatch-success{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.7;padding:11px 12px;background:#e8f5ec;color:#2c6b43;border-radius:8px}.dispatch-success svg{flex-shrink:0;margin-top:2px}.dispatch-connection{padding:14px;background:#eef4ef;border-radius:8px;margin-top:14px}.dispatch-connection p{font-size:11px;line-height:1.8;margin:0 0 12px;color:#5d7564}.dispatch-connection strong{display:block;color:#3c624a}.dispatch-download{margin-top:17px}.dispatch-download>a{display:inline-flex;align-items:center;gap:7px;text-decoration:underline;text-underline-offset:3px;color:var(--teal);font-size:11px;font-weight:700}.dispatch-download .quiet{font-size:10px;margin-bottom:0}.disabled-link{pointer-events:none;opacity:.5}
@media(max-width:700px){.dispatch-notice{margin:0 18px 22px;padding:18px 13px}.dispatch-email-view iframe{height:510px}.dispatch-preview dl>div{grid-template-columns:1fr;gap:2px}.dispatch-send{font-size:11px;width:100%}}
