.product-detail-layout{width:90vw;max-width:420px;box-shadow:var(--shadow-xl);background:#fff;border-radius:28px;flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden}.product-detail-image-container{aspect-ratio:4/3;background:var(--color-canvas);width:100%}.product-detail-image-container img{object-fit:contain;width:100%;height:100%}.product-detail-placeholder{justify-content:center;align-items:center;height:100%;display:flex}.product-detail-placeholder svg{width:100px;height:100px;color:var(--color-primary)}.product-detail-info-container{flex-direction:column;flex:1;width:100%;min-height:0;padding:24px;display:flex}.product-detail-info-container .info-label{text-transform:uppercase;color:var(--color-primary);letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;font-weight:800}.product-detail-info-container h3{color:var(--color-text-title);margin-bottom:8px;font-size:1.5rem;font-weight:900;line-height:1.2}.product-detail-info-container .info-price{color:var(--color-primary);margin-bottom:16px;font-size:1.5rem;font-weight:900}.product-detail-info-container .info-description{flex:1;margin-bottom:24px;padding-right:4px;overflow-y:auto}.product-detail-info-container .info-description p{color:var(--color-text-subtitle);margin:0;font-size:.95rem;line-height:1.6}.product-detail-close{border:1px solid var(--color-border);width:36px;height:36px;box-shadow:var(--shadow-md);cursor:pointer;z-index:50;background:#fff;border-radius:18px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.product-detail-close:hover{background:var(--color-canvas);transform:scale(1.1)}@media (min-width:769px),(orientation:landscape) and (max-height:500px){body .product-detail-layout{flex-direction:row;max-width:750px;height:480px}body .product-detail-image-container{aspect-ratio:auto;border-right:1px solid var(--color-border);width:45%;height:100%}body .product-detail-info-container{width:55%;padding:32px}body .product-detail-placeholder svg{width:80px;height:80px}}body .tienda-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 32px}body .tienda-header h1{margin:0;font-size:1.25rem;font-weight:900;line-height:1.2}body .tienda-header p{opacity:.8;margin:0;font-size:.75rem}body .tienda-tabs-container{background:#f1f5f9;border-radius:14px;gap:6px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}body .tienda-tabs-container button{border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700}body .tienda-tabs-container::-webkit-scrollbar{display:none}@media (max-width:1024px){body .tienda-header{box-shadow:var(--shadow-sm);padding:8px 12px}body .tienda-header-info{padding-left:60px}body .tienda-tabs-container{background:0 0;gap:2px;padding:2px}body .tienda-tabs-container button{justify-content:center;min-width:40px;padding:8px}body .tienda-resumen-container{padding:12px}body .tienda-resumen-card{border-radius:16px;gap:16px;padding:20px}body .tienda-url-box{gap:8px;padding:8px 8px 8px 14px}body .tienda-builder-layout{flex-direction:column;height:100%;overflow:hidden}body .tienda-builder-sidebar{border-right:none;flex:1;width:100%;padding-bottom:90px;overflow-y:auto}body .tienda-builder-preview{display:none}body .tienda-builder-footer{z-index:100;background:#fff;width:100%;padding:12px 16px;position:fixed;bottom:0;left:0;box-shadow:0 -10px 25px #0000001a}@media (min-width:600px) and (orientation:landscape){body .tienda-builder-layout{flex-direction:row}body .tienda-builder-sidebar{border-right:1px solid #e2e8f0;width:45%;padding-bottom:0}body .tienda-builder-preview{background:#f1f5f9;flex:1;display:flex}body .tienda-builder-footer{width:100%;box-shadow:none;padding:20px;position:relative}}body .tienda-orders-layout{flex-direction:column;position:relative}body .tienda-orders-sidebar{border-right:none;width:100%;height:100%}body .tienda-orders-sidebar>div:first-child{padding:16px 14px}body .tienda-orders-sidebar h2{font-size:1rem}body .tienda-orders-detail{z-index:50;background:#f8fafc;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}body .tienda-orders-sidebar.mobile-hidden,body .tienda-orders-detail.mobile-hidden{display:none}body .tienda-mobile-back-row{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:10px 14px;display:flex}body .tienda-orders-detail h1{font-size:1.2rem}body .tienda-orders-detail>div>div{border-radius:18px;padding:18px 14px}}.clientes-layout{background:#fff;height:100%;display:flex;overflow:hidden}.clientes-sidebar{border-right:1px solid var(--color-border);z-index:10;background:#fff;flex-direction:column;width:380px;display:flex}.clientes-detail{z-index:1;background:#f8fafc;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.clientes-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px}@media (max-width:1024px){body .clientes-header{padding:12px 16px 12px 64px}body .clientes-header h2{margin:0;font-size:1.1rem;font-weight:900}body .clientes-sidebar{border-right:none;width:100%;height:100%}.clientes-detail{z-index:100;background:#f8fafc;width:100%;height:100%;position:absolute;top:0;left:0}body .clientes-sidebar.mobile-hidden,body .clientes-detail.mobile-hidden{display:none}body .clientes-mobile-back{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px 12px 64px;display:flex}}@media (min-width:600px) and (max-width:1024px) and (orientation:landscape){body .clientes-layout{flex-direction:row}body .clientes-sidebar{border-right:1px solid #e2e8f0;width:40%;display:flex}body .clientes-detail{z-index:10;flex:1;width:60%;display:flex;position:relative}body .clientes-detail.mobile-hidden{display:flex}}.equipo-container{max-width:1200px;margin:0 auto;padding:24px 40px}.equipo-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.employee-table-desktop{display:block}body .employee-card-list-mobile{display:none}@media (max-width:1024px){body .equipo-container{padding:16px}body .equipo-stats-grid{grid-template-columns:1fr 1fr;gap:12px}body .employee-table-desktop{display:none}body .employee-card-list-mobile{flex-direction:column;gap:12px;display:flex}}
