/* Variables de diseño */
    :root{
      --fondo-general: #f5f5f6;
      --plomo-claro: #eef0f1;
      --plomo-medio: #dfe3e5;
      --texto-principal: #333333;
      --verde-principal: #2c3e50;
      --sombra: 0 18px 30px rgba(0,0,0,0.06);
      --radio: 14px;
      --ancho-contenedor: 1150px;
      --fuente: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }

    
    /* Contenedor principal (centrado horizontalmente) */
    .mi_tienda_contenedor_principal{
      width:100%;
      max-width:var(--ancho-contenedor);
      margin:0 auto;
    }

    /* Encabezado y controles */
    .mi_tienda_encabezado_pagina{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:24px;
      gap:20px;
    }
    .mi_tienda_titulo{
      font-size:20px;
      color:#6b6b6b;
      font-weight:500;
    }

    /* Area de controles (izq: busqueda, der: filtro) */
    .mi_tienda_controles{
      display:flex;
      align-items:center;
      gap:12px;
      width:100%;
    }

    .mi_tienda_buscador{
      display:flex;
      align-items:center;
      gap:8px;
      background:white;
      padding:10px 14px;
      border-radius:10px;
      box-shadow: 0 6px 14px rgba(7,7,7,0.03);
      border:1px solid rgba(0,0,0,0.03);
      flex:1;
      max-width:600px;
    }
    .mi_tienda_input_buscar{
      border:0;
      outline:0;
      width:100%;
      font-size:14px;
      color: #8b8b8b;
    }
    .mi_tienda_icono_lupa{
      width:18px;
      height:18px;
      opacity:0.7;
    }

    .mi_tienda_filtro_fecha{
      margin-left:auto;
      display:flex;
      align-items:center;
      gap:8px;
    }
    .mi_tienda_select_filtro{
      background:white;
      border-radius:10px;
      padding:10px 14px;
      border:1px solid rgba(0,0,0,0.03);
      min-width:200px;
      box-shadow: 0 6px 14px rgba(7,7,7,0.03);
      font-size:14px;
      color:#6b6b6b;
    }

    /* Tarjeta grande vacía */
    .mi_tienda_area_tarjeta{
      margin-top:18px;
      padding:36px;
      background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.98));
      border-radius:var(--radio);
      box-shadow: var(--sombra);
      border: 1px solid rgba(0,0,0,0.02);
      min-height:360px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    /* Estructura interna centrada verticalmente */
    .mi_tienda_contenido_vacio{
      text-align:center;
      max-width:520px;
    }

    /* Ilustración (SVG) */
    .mi_tienda_ilustracion{
      width:160px;
      height:160px;
      margin:0 auto 18px auto;
      display:block;
    }

    .mi_tienda_texto_vacio{
      color:#7a7a7a;
      font-size:14px;
      margin-bottom:18px;
    }

    .mi_tienda_boton_principal{
      display:inline-block;
      padding:12px 36px;
      border-radius:40px;
      background:var(--verde-principal);
      color:white;
      font-weight:700;
      text-decoration:none;
      box-shadow: 0 8px 18px rgba(15,205,90,0.18);
      transition: transform .14s ease, box-shadow .14s ease;
      border: none;
      cursor: pointer;
      font-size:14px;
    }
    .mi_tienda_boton_principal:active{ transform: translateY(1px); }
    .mi_tienda_boton_principal:hover{ box-shadow: 0 12px 26px rgba(15,205,90,0.22); }

    /* Estilo responsivo simple */
    @media (max-width:900px){
      
      .mi_tienda_contenedor_principal{ max-width:920px; }
      .mi_tienda_buscador{ max-width:100%; }
      .mi_tienda_area_tarjeta{ padding:22px; min-height:320px; }
      .mi_tienda_ilustracion{ width:130px; height:130px; }
    }

    @media (max-width:520px){
      .mi_tienda_encabezado_pagina{ flex-direction:column; align-items:flex-start; gap:12px;}
      .mi_tienda_filtro_fecha{ width:100%; justify-content:flex-end;}
      .mi_tienda_boton_principal{ width:100%; box-sizing:border-box; padding:12px; }
      .mi_tienda_contenido_vacio{ max-width:100%; }
    }