/* La página de inicio del móvil: puertas grandes · 20 oct 2026. */
.trika-app-puertas { display: grid; grid-template-columns: 1fr; gap: .9rem; max-width: 560px; margin: 1.5rem auto 3rem; padding: 0 16px; }
.trika-app-puerta { display: block; padding: 1.3rem 1.2rem; border: 1px solid #e2dbcf; border-left: 5px solid #9e1b1e; border-radius: .5rem; background: #fbf8f3; color: #3e2723; text-decoration: none; }
.trika-app-puerta:hover, .trika-app-puerta:focus { background: #f4ecdd; }
.trika-app-puerta__t { display: block; font-size: 1.35rem; font-weight: 600; }
.trika-app-puerta__l { display: block; margin-top: .25rem; font-size: .92rem; opacity: .75; }
@media (min-width: 700px) { .trika-app-puertas { grid-template-columns: 1fr 1fr; } .trika-app-puerta:first-child { grid-column: 1 / -1; } }
/* Siete puertas (con el Kiosco, Vicen, 20 oct): la primera a todo el ancho y tres parejas debajo. */
/* El botón de instalar, y el pie de la plantilla escondido cuando ya se abre como app. */
.trika-app-instalar { max-width: 560px; margin: 1.2rem auto 0; padding: 0 16px; text-align: center; }
.trika-app-instalar__btn { width: 100%; padding: .9rem 1rem; border: 0; border-radius: .5rem; background: #2e1c17; color: #f4ecdd; font: inherit; font-size: 1.1rem; font-weight: 600; cursor: pointer; }
.trika-app-instalar__nota { margin: .4rem 0 0; font-size: .92rem; opacity: .8; }
@media (display-mode: standalone) { body:has(.trika-app-puertas) .trika-landing-pie { display: none; } }
/* El icono de la app, encima de «Instalar»; dentro de la app ya instalada no hace falta. */
.trika-app-icono { margin: 1.2rem auto 0; text-align: center; }
.trika-app-icono img { display: block; width: 96px; height: 96px; margin: 0 auto .4rem; border-radius: 22px; box-shadow: 0 2px 8px rgba(46,28,23,.25); }
.trika-app-icono figcaption { font-size: .92rem; opacity: .8; }
@media (display-mode: standalone) { .trika-app-icono { display: none; } }
/* «Acceso socios», solo a quien no ha entrado: el mismo botón ligero que el de la web (`.trika-acceso-socios`). */
.trika-app-entrar { max-width: 560px; margin: 1.2rem auto 0; padding: 0 16px; text-align: center; }
.trika-app-entrar[hidden] { display: none; }
.trika-app-entrar__btn { display: inline-block; padding: 0 20px; line-height: 40px; border: 1px solid #9e1b1e; border-radius: 999px; background: transparent; color: #9e1b1e; font-size: 16px; font-weight: 500; text-decoration: none; }
.trika-app-entrar__btn:hover, .trika-app-entrar__btn:focus { background: #9e1b1e; color: #fff; }
/* En el panel, la línea breve: discreta y a la derecha. */
.trika-app-instalar--breve { max-width: none; margin: 0 0 .8rem; padding: 0; text-align: right; }
.trika-app-instalar--breve .trika-app-instalar__btn { width: auto; padding: .35rem .9rem; font-size: .9rem; font-weight: 600; background: transparent; color: #2e1c17; border: 1px solid #2e1c17; }
/* Atrás y Menú, abierta como app (móvil y ordenador): arriba a la derecha, en la misma franja
   que la hamburguesa y «TRIKA» del tema, que van fijas a la izquierda. Sin tocar el relleno de la página. */
.trika-app-volver { position: fixed; top: calc(8px + env(safe-area-inset-top)); right: 12px; z-index: 99990; display: flex; gap: 6px; }
.trika-app-volver[hidden] { display: none; }
.trika-app-volver__b { padding: .3rem .75rem; border: 1px solid #2e1c17; border-radius: 1rem; background: #f4ecdd; color: #2e1c17; font: inherit; font-size: .9rem; line-height: 1.2; text-decoration: none; cursor: pointer; box-shadow: 0 1px 4px rgba(46,28,23,.2); }
.trika-app-volver__b:hover, .trika-app-volver__b:focus { background: #2e1c17; color: #f4ecdd; }