/* 3D MECHTECH — Edición final. Estética uniforme y accesible, sin modificar lógica PHP. */
:root{
  --premium-ink:#123344;
  --premium-sub:#41606d;
  --premium-primary:#087b92;
  --premium-deep:#0e3446;
  --premium-border:#b8d3dd;
  --premium-soft:#f2f9fa;
  --premium-shadow:0 12px 32px rgba(19,67,86,.09);
}
:where(.store-body,.admin-body){-webkit-font-smoothing:antialiased;overflow-x:clip}
:where(.store-body,.admin-body) :where(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid #09a7b8!important;outline-offset:3px!important;
}
:where(.store-body,.admin-body) .button{
  font-size:clamp(14px,1.05vw,16px);font-weight:750;letter-spacing:.005em;
  border-radius:13px!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;
}
:where(.store-body,.admin-body) .button:not(:disabled):hover{transform:translateY(-2px)}
:where(.store-body,.admin-body) .button:active{transform:translateY(0) scale(.985)}
:where(.store-body,.admin-body) :where(.button,button){touch-action:manipulation}
:where(.store-body,.admin-body) :where(.panel,.product-card,.mission-card,.new-category,.admin-tile){
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
:where(.store-body,.admin-body) :where(input,select,textarea){font-size:16px!important;max-width:100%;}
:where(.store-body,.admin-body) :where(h1,h2,h3){overflow-wrap:break-word;text-wrap:balance}
:where(.store-body,.admin-body) :where(p,small,.hint){overflow-wrap:anywhere}
/* La tienda: aire, jerarquía y tarjetas limpias */
.store-body{color:var(--premium-ink);background:#fff}
.store-body .main-header{border-bottom:1px solid #bed5dd;box-shadow:0 8px 25px rgba(11,54,74,.06)}
.store-body .desktop-nav a{font-weight:750;letter-spacing:.005em}
.store-body .site-topstrip{letter-spacing:.01em}
.store-body .new-hero{background:radial-gradient(circle at 82% 14%,#d2f2ee 0,transparent 31%),linear-gradient(125deg,#eff9f9 0%,#fff 55%,#e9f5f7 100%)}
.store-body .new-hero-copy h1{font-size:clamp(41px,5vw,78px)!important;letter-spacing:-.045em;line-height:1.08}
.store-body .new-hero-copy>p{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.75!important;color:#355966!important}
.store-body .new-hero-visual .hero-collage{box-shadow:0 23px 62px rgba(19,72,83,.15)}
.store-body .hero-float-card{border:1.5px solid #a4cdd4!important;box-shadow:0 15px 36px rgba(13,60,74,.15)!important}
.store-body .hero-float-card :is(strong,small,span){text-wrap:pretty}
.store-body .new-section-head{gap:18px}
.store-body .new-section-head h2{font-size:clamp(32px,4vw,56px);line-height:1.14}
.store-body .new-section-head p{font-size:clamp(16px,1.25vw,18px);line-height:1.7}
.store-body .new-benefits>div,.store-body .home-trust>div,.store-body .mission-card{
  border:1.5px solid var(--premium-border)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:var(--premium-shadow)!important;
}
.store-body .new-benefits>div:hover,.store-body .home-trust>div:hover,.store-body .mission-card:hover{
  border-color:#63b3c1!important;box-shadow:0 16px 37px rgba(13,91,108,.13)!important;transform:translateY(-3px);
}
.store-body .new-category{overflow:hidden;border:1.5px solid #8bc1cd!important;box-shadow:0 11px 24px rgba(13,69,83,.12)!important}
.store-body .new-category:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(12,59,73,.2)!important}
.store-body .new-category img{transition:transform .5s ease;object-fit:cover}
.store-body .new-category:hover img{transform:scale(1.035)}
.store-body .new-category h3{font-size:clamp(21px,2.1vw,28px)!important}
.store-body .product-grid{gap:clamp(15px,2vw,24px)}
.store-body .product-card{background:white;border:1.5px solid #b4d2da!important;box-shadow:0 7px 21px rgba(11,60,80,.08)!important;border-radius:20px!important}
.store-body .product-card:hover{transform:translateY(-5px);border-color:#65aabb!important;box-shadow:0 19px 44px rgba(12,64,85,.16)!important}
.store-body .product-card h3{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.35!important;font-weight:850}
.store-body .product-card .product-details{padding:clamp(16px,1.5vw,22px)!important}
.store-body .product-category,.store-body .product-meta{font-size:clamp(12px,.96vw,14px)!important}
.store-body .new-card-link{font-size:14px!important}
.store-body .product-price{font-weight:900}
.store-body .page-hero h1{font-size:clamp(37px,5.3vw,66px)!important;color:var(--premium-ink)!important}
.store-body .page-hero p{color:#345665!important;font-size:clamp(17px,1.4vw,19px)!important}
.store-body :where(.steps-grid article,.quote-panel,.location-card,.loc-feature-card,.location-note){border:1.5px solid #b5d1d8!important;box-shadow:var(--premium-shadow)}
.store-body .home-shipping{border-top:4px solid #138995;border-bottom:4px solid #0b5b6f}
.store-body .home-last{box-shadow:0 15px 36px rgba(15,62,76,.12)}
.store-body .footer{border-top:2px solid #b1d5dc}
/* Admin: navegación cómoda con bloques de lectura directa */
.admin-body{background:linear-gradient(#eff7f9,#f9fcfd 340px)!important;color:var(--premium-ink)}
.admin-body .admin-content{min-width:0}
.admin-body .admin-top{background:linear-gradient(95deg,#e8f7f7,#fff);border:1.5px solid #bfd8dd;border-radius:19px;padding:18px clamp(15px,2vw,26px);margin-bottom:24px;box-shadow:0 6px 21px rgba(16,71,91,.06)}
.admin-body .admin-top h1{font-size:clamp(26px,2.7vw,41px)!important;line-height:1.16}
.admin-body .admin-top-actions .button{font-size:13px;min-height:44px}
.admin-body .sidebar{box-shadow:8px 0 24px rgba(13,52,69,.08)}
.admin-body .sidebar .admin-menu a{border-radius:11px;padding:12px 14px;font-size:14px!important;min-height:42px;display:flex;align-items:center}
.admin-body .sidebar .admin-menu a:hover{background:#1f5261;color:#fff}
.admin-body .admin-welcome{border-radius:24px!important;background:radial-gradient(circle at 85% 30%,#d1f1ed 0%,transparent 37%),linear-gradient(115deg,#e6f7f7,#fafdff)!important;box-shadow:0 16px 42px rgba(14,77,93,.1)!important}
.admin-body .admin-tile-grid{gap:clamp(12px,1.6vw,21px)}
.admin-body .admin-tile{border:1.5px solid #b0d0d9!important;border-radius:20px!important;min-height:134px;box-shadow:0 9px 28px rgba(16,65,82,.09)!important}
.admin-body .admin-tile:hover{border-color:#4e9cae!important;background:linear-gradient(115deg,#eefafa,#fff)!important;transform:translateY(-4px);box-shadow:0 16px 37px rgba(18,76,91,.16)!important}
.admin-body .admin-tile strong{font-size:clamp(16px,1.55vw,21px)!important;color:#113946!important;line-height:1.23}
.admin-body .admin-tile small{font-size:clamp(12px,1vw,14px)!important;line-height:1.5}
.admin-body .admin-tile .tile-icon{font-size:clamp(24px,2.5vw,31px)}
.admin-body .panel{border:1.5px solid #b4d2d9!important;border-radius:19px!important;box-shadow:0 7px 27px rgba(14,60,79,.07)!important}
.admin-body .panel:focus-within{border-color:#74b8c2!important}
.admin-body .metrics-row>div,.admin-body .summary-card,.admin-body .home-kpis>div{border:1.5px solid #b7d6dd!important;border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(18,65,83,.08)}
.admin-body .metrics-row strong,.admin-body .summary-card strong{font-size:clamp(23px,2.6vw,34px);color:#086d83}
.admin-body .product-row{border:1.5px solid #c2d7df!important;border-radius:15px;padding:15px!important;margin-bottom:9px;background:#fff;box-shadow:0 4px 16px rgba(16,63,80,.035)}
.admin-body .product-row:hover{border-color:#6eb2c0!important;background:#f5fbfb}
.admin-body .product-row-info strong{font-size:clamp(16px,1.2vw,19px)!important;line-height:1.35}
.admin-body :where(.section-bar h2,.order-list h2,.report-history h2){font-size:clamp(21px,2.5vw,29px)!important}
.admin-body .order-accordion{border-left:4px solid #278a9b!important}
.admin-body .order-accordion summary{border-radius:12px;line-height:1.5}
.admin-body .order-accordion[open]{box-shadow:0 15px 34px rgba(12,70,90,.12)!important}
.admin-body .order-accordion[open] summary{margin-bottom:8px}
.admin-body .order-finance-pills>span{border-radius:12px;border:1px solid #b6d9df;background:#ecf7f9}
.admin-body .staff-job{border-left:4px solid #188b98!important}
.admin-body .report-filters{gap:9px;flex-wrap:wrap}
.admin-body .report-table-wrap{overflow-x:auto;max-width:100%;border-radius:12px;border:1px solid #cbdde2}
.admin-body .report-table{min-width:760px}
.admin-body .report-table th{background:#e4f2f5!important;color:#184456!important}
.admin-body .report-table td{font-size:13px!important;line-height:1.5}
.admin-body .report-table tr:hover{background:#edf8f9!important}
.admin-body .order-quicklinks{gap:9px;flex-wrap:wrap}
.admin-body .staff-dashboard>p{font-size:16px;line-height:1.65}
.admin-body .staff-header{box-shadow:0 9px 25px rgba(13,54,71,.14)}
/* Notificaciones: avisos gestionables, con acciones separadas de los enlaces. */
.premium-history{max-width:1080px;padding-top:clamp(20px,4vw,44px);padding-bottom:85px}
.premium-notice-header{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:25px}
.premium-notice-header h1{font-size:clamp(31px,4.6vw,51px);color:#133a4a;margin:8px 0 10px}
.premium-notice-header p{color:#456371;font-size:clamp(15px,1.2vw,17px);line-height:1.6}
.premium-notice-header img{border-radius:17px;border:1px solid #c3dce1;background:white;padding:6px}
.premium-notice-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}
.premium-notice-stats>div{display:flex;flex-direction:column;gap:4px;border:1.5px solid #bad3de;border-radius:18px;background:#fff;padding:18px;box-shadow:0 6px 24px rgba(16,61,81,.07)}
.premium-notice-stats strong{color:#086f88;font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:900}
.premium-notice-stats span{font-size:13px;color:#446472;font-weight:750}
.premium-notice-manager{padding:clamp(17px,2.6vw,28px)!important;margin-bottom:16px}
.premium-notice-manager .section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.premium-notice-manager h2{margin:0 0 4px;color:#15404e}
.premium-notice-manager .hint{margin:0;color:#496a74;font-size:14px}
.premium-notice-pill{white-space:nowrap;background:#e4f6f7;padding:8px 12px;border:1px solid #b6d6df;border-radius:99px;color:#20566a;font-size:12px;font-weight:800}
.premium-notice-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.premium-notice-tools form{margin:0}
.premium-notice-tools .button{min-height:42px;white-space:normal;text-align:center}
.premium-notice-tools button:disabled{opacity:.4;cursor:not-allowed}
.premium-notification-list{display:grid;gap:12px}
.premium-notification{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start;padding:clamp(15px,2.7vw,24px)!important}
.premium-notification.is-new{border-color:#6daebf!important;border-left:5px solid #1091a5!important;background:linear-gradient(115deg,#eefafc,#fff)!important}
.premium-notification.is-seen{background:#fff!important}
.premium-notice-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#d9f4f5;color:#0b7e8a;font-size:20px;font-weight:900}
.is-seen .premium-notice-symbol{background:#edf3f5;color:#667f88}
.premium-notification-main h3{font-size:clamp(16px,1.5vw,19px);line-height:1.46;color:#183d4a!important;margin:5px 0 7px;overflow-wrap:anywhere}
.premium-notification-main p{color:#526f7c!important;font-size:13px;margin:0 0 13px}
.premium-notification-status{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#087c92}
.is-seen .premium-notification-status{color:#5a7681}
.premium-notification-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.premium-notification-links form{margin:0}
.premium-notification-links .button{min-height:40px}
.premium-empty{text-align:center;padding:45px 22px!important}
.premium-empty>span{display:block;font-size:36px}
.premium-empty h2{font-size:26px!important}
.premium-history-footnote{font-size:13px;color:#526d78;text-align:center;margin:22px 0}
.destructive-option{display:flex!important;align-items:flex-start;gap:9px;color:#735225!important;background:#fff8e8;padding:12px;border:1px solid #e6ce9c;border-radius:12px;max-width:700px;margin:10px 0}
.destructive-option input{margin:3px 0 0;flex:none;width:19px;height:19px}
.destructive-option span{line-height:1.45;font-size:13px}
/* Pequeños detalles de microinteracción sin bloquear contenido si JS no carga. */
@keyframes premiumRise{from{opacity:.82;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.premium-entered{animation:premiumRise .52s cubic-bezier(.2,.75,.2,1) both}
:where(.store-body,.admin-body) :is(.button,.admin-tile,.new-category,.product-card):focus-visible{outline-offset:4px!important}
@media (min-width:880px){
 .admin-body .admin-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .admin-body .admin-tile{padding:clamp(19px,2vw,28px)}
}
@media (max-width:900px){
 .store-body .main-header .container{max-width:100%}
 .admin-body .admin-content{padding-left:clamp(12px,3vw,22px);padding-right:clamp(12px,3vw,22px)}
 .premium-notice-header img{width:56px;height:56px}
}
@media (max-width:690px){
 .store-body .new-hero-copy h1{font-size:clamp(38px,9vw,54px)!important}
 .store-body .new-hero-copy>p{font-size:17px!important}
 .store-body .new-hero-visual{min-width:0!important}
 .store-body .new-hero-visual .hero-collage{max-width:100%;height:auto}
 .store-body .hero-float-card{max-width:min(100%,390px)}
 .store-body .new-section-head h2{font-size:clamp(31px,8vw,44px)}
 .admin-body .admin-welcome{padding:20px!important;gap:12px}
 .admin-body .admin-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}
 .admin-body .admin-tile{grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;gap:7px!important;min-height:142px!important;padding:15px!important;align-items:start}
 .admin-body .admin-tile .tile-icon{grid-column:1/-1;font-size:28px}
 .admin-body .admin-tile small{font-size:12px!important}
 .admin-body .admin-tile strong{font-size:16px!important}
 .admin-body .admin-tile .tile-arrow{align-self:end}
 .premium-notice-tools .button{font-size:13px;padding:10px 12px;min-height:43px}
 .premium-notice-tools form{flex:1 1 calc(50% - 5px)}
 .premium-notice-tools button{width:100%}
 .premium-notice-stats>div{padding:13px 10px}
 .premium-notice-stats span{font-size:12px}
 .premium-notification{grid-template-columns:38px minmax(0,1fr);gap:10px}
 .premium-notice-symbol{width:36px;height:36px;border-radius:10px;font-size:17px}
}
@media (max-width:385px){
 .premium-notice-tools form{flex-basis:100%}
 .premium-notice-pill{display:none}
 .premium-notice-stats{gap:7px}
 .premium-notice-stats>div{padding:12px 8px}
 .admin-body .admin-tile{padding:12px!important}
 .store-body .new-hero-copy h1{font-size:clamp(35px,9.5vw,43px)!important}
}
@media(prefers-reduced-motion:reduce){
 :where(.store-body,.admin-body) :where(*, *::before,*::after){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Mini avisos dentro de Admin: borrar individualmente sin abrir el historial. */
.premium-notice-pop-item{display:flex;align-items:center;border-bottom:1px solid #d8e8eb;gap:5px}
.premium-notice-pop-item .notice-item{min-width:0;flex:1;border-bottom:none!important}
.premium-delete-pop-notice{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #c0d5da;border-radius:11px;background:#fff;color:#a04444;font-size:24px;cursor:pointer;transition:background .2s}
.premium-delete-pop-notice:hover{background:#fff0ef}
.premium-delete-pop-notice:disabled{opacity:.55}