/* ================================== */
/* 🎯 PLANTILLAS_CATEGORIAS – TABLET  */
/* ================================== */

@media screen and (max-width: 992px) {

  /* Fondo limpio sin logo */
  body {
    background-color: #e7e3da !important;
    background-image: url("/static/img/p_fondo_responsive_unificado.png");
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-size: contain !important;
  }

  /* Envoltorio general */
  .contenedor-principal {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 0 16px !important;
    margin: 150px auto 0px auto !important;
    box-sizing: border-box !important;
  }

  /* Contenedor de cards + categoría */
  .categorias-container {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 40px auto !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(4px);
  }

  .lista-plantillas {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
  }

  .card-plantilla {
    width: 100% !important;
    max-width: 460px !important;   /* antes era 420px */
    margin: 0 auto 24px auto !important;
    box-sizing: border-box !important;
  }

  .menu-icon img {
    width: 36px !important;   /* antes 24–30px aprox. */
    height: 36px !important;
  }
  .menu-icon {
    position: relative !important;   /* Asegúrate de que no sea static */
    top: 20px;    /* 🔽 Desplazamiento vertical */
    left: 20px;   /* 🔼 Desplazamiento horizontal */
    z-index: 100; /* por si queda tapado */
  }

  /* Mostrar el logo + icono de menú juntos */
  .logo-responsive {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    position: absolute !important;
    top: 40px !important;
    left: 80px !important;
    z-index: 100 !important;
  }

  .logo-colibri-responsive {
    height: 60px !important;
    width: auto !important;
    display: block !important;
  }

  /* Oculta el logo de escritorio */
  .logo-superior {
    display: none !important;
  }

    .btn-volver-derecha {
    position: absolute !important;
    top: 40px !important;    /* 🔽 Baja el botón */
    right: 20px !important;  /* 🔼 Más a la izquierda */
    z-index: 100;
  }

  .btn-volver {
    font-size: 12px !important;      /* 🔠 Más grande */
    padding: 10px 16px !important;    /* ⬆⬅ Más alto y ancho */
    border-radius: 24px !important;  /* 🔵 Más redondeado */
  }
  }