
/* Hydrogel Caleta — rediseño. Mantiene el fondo blanco y logo original centrado. */
:root{--hydrogel-yellow:#ffe23d}
body{background:#fff;color:#171719}
.header-inner{grid-template-columns:52px minmax(0,1fr) 112px}
.brand-link{justify-content:center}
.brand-link img{width:218px;max-width:100%;object-fit:contain;border-radius:8px}
.hero{margin-bottom:13px}
.product-photo-btn{display:block;width:100%;border:0;padding:0;margin:0;background:#f5f5f5;text-align:left;overflow:hidden;cursor:zoom-in}
.product-photo-btn .photo{aspect-ratio:1/1;object-fit:contain;transition:transform .25s}
.product-photo-btn:hover .photo{transform:scale(1.03)}
.info{padding:12px 14px 14px;gap:5px;min-height:0;background:#111114}
.product-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;min-height:19px}
.product-id{font-size:11px;line-height:1.3;color:#ffd83c;background:#272728;border:1px solid #3d3d40;padding:3px 7px;border-radius:9px;white-space:nowrap;font-weight:700}
.info h3{font-size:18px;line-height:1.21;min-height:0;letter-spacing:0;margin:0}
.desc-preview{margin:0;color:#d0d0d2;font-size:13px;line-height:1.36;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;margin-top:3px}
.info .price{font-size:20px;letter-spacing:-.015em;line-height:1.12;font-weight:850}
.info .status{font-size:10px;padding:5px 8px;border-radius:100px;background:#292a2e}
.details-btn{align-self:start;border:0;background:transparent;color:#f3d547;font-size:12px;padding:4px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.actions{margin-top:auto;display:flex;gap:7px;padding-top:2px}
.actions button{min-height:45px;font-size:14px;border-radius:12px}
.actions .outline{flex:0 0 44px!important}
.cart{z-index:8;gap:10px;padding:12px 14px;border-radius:18px;bottom:12px;width:min(calc(100% - 24px),680px)}
.cart-summary{display:grid;gap:2px;min-width:110px;color:#fff;flex:1}
.cart-summary strong{font-size:13px}
#cartTotalMini{font-size:15px;font-weight:800;color:#ffe23d}
.cart .primary{min-height:43px;white-space:nowrap}
.admin-options{padding:16px;background:#fff;border:1px solid #ddd;border-radius:14px;margin:19px 0}
.admin-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}
.admin-options-grid label{display:grid;gap:6px;color:#222}
.admin-options-grid .wide{grid-column:1/-1}
.admin-inline{display:flex;gap:8px;flex-wrap:wrap}
.admin-inline input{flex:1;min-width:190px}
.admin-search-label{display:block;font-weight:650;font-size:14px;margin:12px 0 8px;color:#222}
#adminSearch{display:block;width:100%;min-height:46px;padding:12px 15px;background:#fff}
.admin-row{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}
.admin-product-name{display:grid;gap:3px;flex:1;min-width:0}
.admin-product-name strong{font-size:13px;overflow-wrap:anywhere}
.admin-product-name .small{font-size:11px;line-height:1.45}
.admin-actions{display:flex;gap:6px;flex-shrink:0}
.admin-actions button{padding:8px 10px;min-height:38px;font-size:12px}
.shop-dialog{border:1px solid #e8e8e8;border-radius:18px;background:#fff;color:#191919;box-shadow:0 16px 65px #0005;max-width:min(94vw,540px);width:100%;max-height:min(90dvh,860px);overflow:auto;padding:22px 20px 28px}
.shop-dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
.shop-dialog h2{font-size:22px;line-height:1.2;margin:12px 32px 10px 0}
.shop-dialog h3{font-size:16px;margin:10px 0}
.close-dialog{position:absolute;top:13px;right:14px;border:0;background:#f1f1f3;border-radius:50%;height:36px;width:36px;font-size:18px;color:#1a1a1a}
.details-photo{width:100%;height:250px;object-fit:contain;background:#f8f8fa;border-radius:13px;margin:8px 0 15px}
.details-cat{font-size:12px;font-weight:700;color:#555}
.details-description{font-size:15px;line-height:1.5;white-space:pre-line;color:#303034}
.details-price{font-size:24px;font-weight:850;color:#ac8900;margin:12px 0 8px}
.checkout-main{display:block;width:100%;min-height:48px;margin-top:14px}
.checkout-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e5e5e7}
.checkout-item-text{display:grid;gap:4px;flex:1;min-width:0}
.checkout-item-text strong{font-size:14px;line-height:1.35}
.checkout-item-text small{font-size:12px;color:#777}
.qty-controls{display:flex;gap:5px;align-items:center;flex-shrink:0}
.qty-controls span{min-width:18px;text-align:center;font-weight:750}
.qty-controls button{width:29px;height:32px;display:grid;place-items:center;border-radius:9px;padding:2px;border:1px solid #ddd}
.qty-controls .remove-from-cart{border:none;background:#f5f5f6;color:#b22121}
.checkout-section{border:1px solid #eaeaea;background:#fbfbfc;border-radius:14px;margin:13px 0;padding:12px 14px}
.checkout-section label:not(.choice){display:grid;gap:7px;margin-top:11px;font-weight:600;font-size:13px}
.checkout-section label input:not([type=radio]){width:100%}
.checkout-section .choice{display:flex;align-items:flex-start;gap:8px;margin:10px 0;font-size:14px;line-height:1.35}
.checkout-section .choice input{flex:0 0 16px;width:16px;height:16px;accent-color:#deb916;margin-top:3px}
.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;margin-top:19px}
.checkout-total strong{font-size:22px;color:#1d1d1d}
.shop-dialog .small{font-size:12px;line-height:1.5;color:#626267}
@media(max-width:650px){
 .header-inner{grid-template-columns:41px minmax(0,1fr) 86px;min-height:102px;padding:5px 12px}
 .brand-link img{width:182px;height:92px;object-fit:contain}
 .hero{display:none}
 main{padding:6px 11px 210px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .item{border-radius:16px}
 .info{padding:9px 9px 11px;gap:4px}
 .product-meta{font-size:10px;gap:4px}
 .info .muted{font-size:10px}
 .info .product-id{font-size:9px;padding:2px 5px}
 .info h3{font-size:14px;line-height:1.2}
 .desc-preview{font-size:11px;min-height:29px;line-height:1.35}
 .info .price{font-size:18px}
 .info .status{font-size:9px;padding:3px 6px}
 .details-btn{font-size:11px}
 .actions button{min-height:42px;font-size:12px}
 .actions .outline{flex-basis:38px!important}
 .cart{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 14px);padding:9px 10px;gap:7px}
 .cart-summary{min-width:86px}
 .cart-summary strong{font-size:11px}
 #cartTotalMini{font-size:13px}
 .cart .primary{min-height:42px;font-size:12px}
 .cart .outline{font-size:11px}
 .admin-row{flex-direction:column;align-items:stretch}
 .admin-actions{justify-content:flex-end}
 .admin-actions button{flex:0 0 auto}
 .shop-dialog{max-width:calc(100vw - 20px);max-height:90dvh;padding:18px 15px 22px}
 .qty-controls button{width:28px}
}
@media(max-width:370px){.cart .outline{display:none}.cart .primary{font-size:11px}.header-inner{grid-template-columns:36px minmax(0,1fr) 78px}.brand-link img{width:156px}.info .status{display:none}}

/* ===== Estadísticas privadas, diseño blanco/negro/amarillo ===== */
.analytics-panel{margin:0 0 25px;padding:19px;background:#fff;border:1px solid #e7e7eb;box-shadow:0 8px 25px #1212120c;border-radius:18px;color:#19191c}
.analytics-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.analytics-top h3{margin:3px 0 4px;font-size:22px;letter-spacing:-.04em;color:#121214}
.analytics-top p{margin:0;color:#66666b;font-size:13px}
.analytics-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#9f8220}
.analytics-refresh{background:#fff;color:#222;border:1px solid #dcdce1;border-radius:12px;padding:11px;font-size:12px;min-height:41px;font-weight:800}
.analytics-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:17px 0 14px}
.analytics-toolbar label{font-size:12px;font-weight:750;color:#66666b;display:grid;gap:5px}
.analytics-toolbar select{width:auto;min-width:155px;border-radius:11px;background:#fff;color:#191919;padding:9px 12px;border:1px solid #dedee4;font-weight:700;font-size:13px}
.analytics-today-label{font-size:11px;color:#898989}
.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.analytics-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ebebec;background:#fafafa;border-radius:14px;padding:13px 12px;gap:5px}
.analytics-card:nth-child(2){background:#fff9dd;border-color:#f3e6af}
.analytics-card:nth-child(4){background:#f3faf6;border-color:#e1ede4}
.analytics-card-icon{font-size:19px;line-height:1.1;color:#aa8e17}
.analytics-card strong{font-size:29px;line-height:1.05;letter-spacing:-.05em;color:#131316;font-variant-numeric:tabular-nums}
.analytics-card span:last-child{font-size:12px;color:#5b5b61;line-height:1.3}
.analytics-chart-box{border:1px solid #e9e9ed;border-radius:15px;margin-top:13px;padding:14px 13px 12px;background:#fff}
.analytics-chart-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}
.analytics-chart-heading strong{font-size:14px;color:#191919}
.analytics-chart-heading span{font-size:12px;color:#777}
.analytics-chart-scroll{overflow-x:auto;max-width:100%;padding-bottom:5px}
.analytics-chart{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));align-items:end;gap:10px;min-width:0;height:155px;border-bottom:1px solid #ddd;padding:0 5px 0 5px}
.analytics-chart.long-range{grid-template-columns:repeat(30,25px);gap:7px;min-width:960px}
.analytics-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0}
.analytics-count{font-size:11px;color:#555;height:17px;font-weight:800}
.analytics-bar-track{flex:1;min-height:4px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:repeating-linear-gradient(to top,#f5f5f7 0,#f5f5f7 1px,transparent 1px,transparent 33%);border-radius:4px 4px 0 0}
.analytics-bar{background:linear-gradient(#ffdf31,#e9bd08);border-radius:7px 7px 0 0;min-width:12px;max-width:48px;width:82%}
.analytics-date{font-size:10px;line-height:1.3;color:#696a70;text-align:center;white-space:nowrap;padding:3px 0 2px}
.analytics-message{font-size:12px;font-weight:600;color:#656565;line-height:1.45;margin:13px 0 6px}
.analytics-footnote{font-size:11px;line-height:1.55;color:#777;margin:9px 0 0}
@media(max-width:650px){
 .analytics-panel{padding:15px 12px;margin-bottom:19px}
 .analytics-top h3{font-size:19px}
 .analytics-top p{font-size:12px}
 .analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .analytics-card{padding:11px 12px;min-height:110px}
 .analytics-card strong{font-size:28px}
 .analytics-chart{gap:5px;height:150px;grid-template-columns:repeat(7,minmax(20px,1fr))}
 .analytics-bar{min-width:7px}
 .analytics-date{font-size:9px}
}
