/* FERIS 26: compact surfaces and accessible section navigation. */
.feris-design .form-grid{gap:14px}.feris-design .form-stack label{gap:5px}.feris-design .form-stack input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.feris-design .form-stack select,.feris-design .form-stack textarea{margin-top:0;min-height:44px;padding:10px 13px}.feris-design .shipping-selector{margin:0}.feris-design .shipping-selector legend{margin-bottom:10px}.feris-design [role=status]:empty{display:none}.feris-design .site-footer{padding-top:30px;margin-top:30px}.feris-design .footer-grid{padding-block:0;gap:24px}.feris-design .footer-bottom{padding-block:18px;margin-top:24px}.feris-design .order-top-progress .horizontal-progress{padding:0}.feris-design .order-top-progress .progress-track{margin:0 0 8px}.feris-design .order-top-progress .progress-steps{margin:0}.feris-design .order-top-progress .progress-steps li{gap:4px;padding:0}.feris-design .order-top-progress .progress-heading{margin:0 0 8px}
[hidden]{display:none!important}
.feris-design .page-intro{padding-top:26px;padding-bottom:18px}.feris-design .page-intro h1{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:8px 0}.feris-design .page-intro p{margin:8px 0;font-size:14px}
.feris-design .panel,.feris-design .summary-card{padding:20px;border-radius:16px}.feris-design .panel h2{font-size:20px;margin:0 0 12px}.feris-design .panel h3{font-size:17px}.feris-design .section{padding-block:32px}.feris-design .form-stack{gap:14px}.feris-design textarea{min-height:80px}.feris-design .button{min-height:44px;padding:11px 18px}.feris-design .eyebrow{font-size:10px;letter-spacing:.16em}
.feris-design .order-top-progress{padding:16px 20px;margin:16px 0 0;border-radius:16px}.feris-design .order-top-progress h2{font-size:17px;margin:0 0 10px}.feris-design .fulfillment-progress{padding:10px 0;margin:0}.feris-design .progress-heading{margin:0 0 8px;gap:10px;font-size:12px}.feris-design .progress-track{height:5px;margin:0 0 10px}.feris-design .progress-steps{margin:0;gap:5px}.feris-design .progress-steps li{font-size:10px;gap:5px}.feris-design .progress-steps li>span{width:25px;height:25px;font-size:10px;margin:0 auto 5px;box-shadow:none}.feris-design .progress-steps abbr{text-decoration:none;line-height:1.25}.feris-design .order-top-progress .button{margin-top:12px}
.section-tabs{display:flex;gap:6px;overflow-x:auto;padding:6px;background:#eef3f2;border:1px solid #dfe7e4;border-radius:12px;margin:0 0 18px;scrollbar-width:thin}.section-tabs a{display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:12px 18px;color:#526763;font-size:13px;font-weight:700;text-decoration:none;border-radius:8px;min-height:44px}.section-tabs a[aria-selected=true]{background:#083f39;color:#fff;box-shadow:0 2px 5px #003b351c}.section-tabs a:hover{background:#dae7e2}.section-tabs a[aria-selected=true]:hover{background:#083f39}.section-tabs a:focus-visible{outline:3px solid #e8b820;outline-offset:1px}[data-section-panel]{scroll-margin-top:100px;min-width:0}[data-section-panel]:focus{outline:none}
.order-workspace{padding-bottom:40px}.order-workspace>.summary-card{position:static;max-width:800px;margin-inline:auto}.payment-panels{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.payment-panels>.payment-status-panel{grid-column:1/-1}.payment-panels>.panel{margin:0}.payment-panels .yape-qr img{max-width:205px;height:auto}.payment-panels>.proof-panel{grid-column:2;grid-row:2 / span 3}.payment-panels .yape-card{grid-column:1}.payment-panels p{font-size:13px;line-height:1.55}.payment-panels .receipt-preview img{max-height:160px}.receipt-details summary,.whatsapp-confirm summary,.compact-accordion>summary{font-size:15px;font-weight:750;cursor:pointer;list-style-position:inside;padding:2px 0;min-height:24px}.receipt-details[open] summary,.whatsapp-confirm[open] summary,.compact-accordion[open]>summary{margin-bottom:16px}#envio>div>.panel{max-width:860px;margin:0 auto}.design-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feris-design .design-line{padding:14px;margin:0;border:1px solid #e1e8e5;border-radius:10px;font-size:13px}.design-line ul{padding-left:18px;margin:8px 0}
.order-overview{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px 0 20px}.order-overview div{display:grid;gap:5px;min-width:0}.order-overview small{color:#71827c}.order-overview strong{font-size:14px;overflow-wrap:anywhere}.feris-design .admin-heading{margin-bottom:18px}.feris-design .admin-heading h1,.feris-design .operations-heading h1{font-size:28px}.feris-design [data-crm-live]>.panel{margin-bottom:16px}#crm-editar>.panel{max-width:900px}.feris-design #crm-pagos>.panel{box-shadow:none;margin:0 0 14px}.feris-design .history-item{padding:12px 0}.feris-design .history-item p{margin:5px 0}.compact-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0}.compact-pagination button{border:1px solid #d2deda;background:#fff;padding:10px 15px;border-radius:8px;min-height:44px}.compact-pagination button:disabled{opacity:.4}.compact-pagination span{font-size:12px}
.feris-design .account-heading h1{font-size:30px;margin:0}.personal-welcome{display:flex;align-items:center;gap:14px;margin:8px 0 12px}.account-avatar{display:grid;place-items:center;width:48px;height:48px;background:#ffe574;color:#163f38;border-radius:16px;font-size:23px;font-weight:750;flex-shrink:0}.feris-design .account-metrics{margin:18px 0;gap:12px}.feris-design .account-metrics>div{padding:14px 18px}.feris-design .account-metrics strong{font-size:27px}.feris-design .account-block{padding:20px;margin:0}.account-home-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.next-action{padding:22px;border-radius:14px;background:linear-gradient(135deg,#fff7d6,#f2f7ef);min-width:0}.next-action h2{margin:10px 0;font-size:25px}.next-action>p{font-size:14px;max-width:55ch}.next-action>.button{margin-top:18px}.account-shortcuts a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e0e7e3;text-decoration:none;font-weight:650}.account-shortcuts>p{overflow-wrap:anywhere}.feris-design .account-order{padding:16px;margin-bottom:12px}.feris-design .account-order-items{font-size:12px;gap:8px}.compact-order-progress{display:flex;gap:16px;align-items:center;font-size:12px;margin:12px 0}.compact-order-progress progress{height:5px;width:160px;max-width:40%;accent-color:#23755b}.feris-design .account-order-bottom{padding-top:12px}.feris-design .studio-summary{padding:18px}.feris-design .compact-accordion{margin:0 0 12px}.compact-accordion>.studio-summary{border:0;box-shadow:none;padding:0;margin:0}.feris-design .studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feris-design .studio-piece{padding:14px}.feris-design .studio-piece img{max-height:180px;object-fit:contain}.feris-design .studio-section h1{font-size:28px}.private-image-notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:440px;background:#742c26;color:white;padding:16px 20px;border-radius:12px;box-shadow:0 8px 28px #0003;z-index:10000;font-size:14px}body:not(.admin-body) img,body:not(.admin-body) canvas{-webkit-touch-callout:none}.workshop-export{background:linear-gradient(135deg,#eef7f5,#faf6e5);border:1px solid #dce7e0;padding:18px;border-radius:14px;display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:18px}.workshop-export>div{flex:1 1 260px}.workshop-export p{font-size:12px;margin:6px 0}.workshop-export label{font-size:12px}.operations-table td{font-size:12px}.feris-design .operations-filters{gap:12px}.selection-note{font-size:12px;color:#55736a}.feris-design .operations-metrics>div{padding:14px}.feris-design .operations-metrics strong{font-size:25px}.feris-design .operations-metrics{margin-bottom:18px}.feris-design .bulk-toolbar{gap:12px}.feris-design .bulk-toolbar p{margin:0;font-size:12px}
@media(min-width:1000px){#mis-pedidos,#mis-confecciones{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mis-pedidos>.section-heading,#mis-confecciones>.section-heading,#mis-pedidos>nav,#mis-confecciones>nav{grid-column:1/-1}.feris-design .account-order{margin:0}.feris-design .admin-content{padding:24px}.feris-design .product-details{padding-top:28px}.feris-design .detail-list{grid-template-columns:130px 1fr}.order-workspace #resumen{columns:2;column-gap:30px}.order-workspace #resumen>*{break-inside:avoid}.feris-design .payment-panels:has(.receipt-details):not(:has(.proof-panel))>.payment-status-panel{grid-column:1/-1}}
@media(max-width:700px){.feris-design .container{width:calc(100% - 28px)}.feris-design .page-intro{padding-top:18px}.feris-design .page-intro h1{font-size:27px}.feris-design .panel,.feris-design .summary-card,.feris-design .account-block{padding:16px;border-radius:12px}.feris-design .order-top-progress{padding:14px 12px}.feris-design .progress-steps{gap:2px}.feris-design .progress-steps li{font-size:8.5px}.feris-design .progress-steps li>span{width:23px;height:23px}.feris-design .progress-heading{font-size:11px}.section-tabs{gap:3px;margin-bottom:14px;border-radius:10px}.section-tabs a{padding:10px 14px;font-size:12px}.payment-panels{grid-template-columns:1fr;gap:12px}.payment-panels>.proof-panel{grid-column:auto;grid-row:auto}.payment-panels>.payment-status-panel{grid-column:auto}.payment-panels .yape-qr img{max-width:160px}.design-list,.account-home-grid{grid-template-columns:1fr}.feris-design .account-heading h1{font-size:25px}.feris-design .account-heading{gap:16px;align-items:start}.account-heading>form .button{font-size:11px;padding:8px 10px}.feris-design .account-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.feris-design .account-metrics>div{padding:12px 9px;border-radius:10px}.feris-design .account-metrics small{font-size:10px}.feris-design .account-metrics strong{font-size:24px}.account-avatar{width:39px;height:39px;font-size:20px}.next-action{padding:17px}.feris-design .form-grid{gap:12px}.feris-design input:not([type=checkbox]):not([type=radio]),.feris-design select,.feris-design textarea{font-size:16px}.order-overview{grid-template-columns:1fr 1fr;gap:12px}.feris-design .admin-content{padding:16px 12px}.feris-design .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feris-design .studio-piece{padding:10px}.feris-design .studio-piece h3{font-size:13px}.feris-design .studio-piece img{max-height:120px}.workshop-export{padding:14px;gap:12px}.workshop-export>.button{flex:1}.feris-design .operations-heading h1{font-size:25px}.feris-design .account-order-bottom{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important}}

.workshop-filters>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.workshop-filters>summary:before{content:'+';display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf2fc;color:#275caa}.workshop-filters[open]>summary:before{content:'−'}.workshop-filters>summary small{font-size:11px;color:#6b7d92;font-weight:400}.workshop-filters .operations-filters{padding-top:18px}.workshop-export .text-link{border:0;background:transparent;text-decoration:underline;padding:6px;color:#275caa;font-size:12px;cursor:pointer}.feris-design .compact-accordion>.panel{margin:0;padding:0;border:0;box-shadow:none}
@media(max-width:700px){.feris-design.admin-body .operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feris-design.admin-body .operations-metrics>div{padding:10px;min-height:0}.feris-design.admin-body .operations-metrics small{font-size:9px}.feris-design.admin-body .operations-metrics strong{font-size:23px;margin:5px 0}.feris-design .account-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:18px;gap:10px}.account-heading>div{display:contents}.account-heading .eyebrow{grid-column:1}.account-heading .personal-welcome{grid-row:2;grid-column:1;margin:0;gap:8px}.account-heading>form{grid-column:2;grid-row:1/span 2;align-self:center}.account-heading p{grid-column:1/-1;margin:0;font-size:12px}.feris-design .account-heading h1{font-size:23px;overflow-wrap:anywhere}.feris-design .form-stack input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.feris-design .form-stack select,.feris-design .form-stack textarea{font-size:16px}.feris-design .workshop-export{margin-top:12px}.workshop-export>div{flex-basis:100%}}