/* Estanques prefabricados: modo, pantalla de inicio, tarjeta y avisos de las pestañas */

/* Cada tipo muestra solo sus datos */
body.modo-prefabricado [data-solo="hormigon"] { display: none !important; }
body:not(.modo-prefabricado) [data-solo="prefabricado"] { display: none !important; }
/* En prefabricado, las pestañas muestran el aviso en lugar del dibujo de hormigón */
body.modo-prefabricado .tab-content.prefab-sin-plano > :not(.prefab-pendiente) { display: none !important; }

/* Botón del encabezado */
.btn-tipo-estanque {
    margin-left: auto; margin-right: 1rem;
    background: var(--bg-input); color: var(--text-secondary);
    border: 1px solid var(--border-base); border-radius: 6px;
    padding: 0.35rem 0.75rem; font: inherit; font-size: 0.8rem; cursor: pointer; position: relative; z-index: 1;
}
.btn-tipo-estanque strong { color: var(--cad-cyan); }
.btn-tipo-estanque:hover { border-color: var(--cad-blue); color: var(--text-primary); }

/* Pantalla de inicio */
.inicio-capa {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(9, 12, 16, 0.88); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center; padding: 16px;
    overflow-y: auto;
}
.inicio-caja {
    width: min(860px, 100%);
    background: var(--bg-panel); border: 1px solid var(--border-base); border-radius: 12px;
    padding: 2rem; box-shadow: var(--shadow-card); text-align: center;
}
.inicio-caja h2 { color: var(--text-primary); font-size: 1.45rem; margin-bottom: 0.4rem; }
.inicio-caja > p { color: var(--text-secondary); font-size: 0.9rem; }
.inicio-opciones { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin: 1.5rem 0 1rem; }
.inicio-opcion {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.6rem;
    background: var(--bg-card); color: var(--text-primary);
    border: 1px solid var(--border-base); border-radius: 10px; padding: 1.4rem 1.2rem;
    font: inherit; cursor: pointer; text-align: left; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.inicio-opcion:hover, .inicio-opcion:focus-visible {
    border-color: var(--cad-blue); box-shadow: var(--shadow-hover); transform: translateY(-2px); outline: none;
}
.inicio-opcion.ultima { border-color: rgba(0, 170, 255, 0.45); }
.inicio-icono { color: var(--cad-cyan); width: 140px; }
.inicio-icono svg { width: 100%; height: auto; display: block; }
.inicio-nombre { font-size: 1.1rem; font-weight: 700; }
.inicio-opcion ul { list-style: none; color: var(--text-secondary); font-size: 0.85rem; line-height: 1.6; align-self: stretch; }
.inicio-opcion li::before { content: '› '; color: var(--cad-blue); }
.inicio-ultima {
    position: absolute; top: 10px; right: 10px; font-size: 0.7rem; color: var(--cad-cyan);
    border: 1px solid rgba(0, 229, 255, 0.4); border-radius: 999px; padding: 0.1rem 0.5rem;
}
.inicio-pie { color: var(--text-muted); font-size: 0.8rem; }

/* Tarjeta del formulario */
.prefab-resumen { margin-top: 0.75rem; }
.prefab-nota { color: var(--text-secondary); font-size: 0.78rem; line-height: 1.5; margin-top: 0.6rem; }

/* Aviso en las pestañas */
.prefab-pendiente {
    min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.35rem; text-align: center; color: var(--text-secondary); padding: 2rem 1rem;
    border: 1px dashed var(--border-base); border-radius: 8px; background: var(--bg-result);
}
.prefab-pendiente h3 { color: var(--text-primary); font-size: 1.1rem; }
.prefab-pendiente strong { color: var(--cad-cyan); }
.prefab-pendiente-icono { font-size: 2.2rem; }
.prefab-pendiente-nota { color: var(--text-muted); font-size: 0.8rem; margin-top: 0.5rem; }

@media (max-width: 600px) {
    .inicio-caja { padding: 1.25rem; }
    .btn-tipo-estanque { margin: 0; order: 3; }
}
.prefab-subtitulo { color: var(--text-secondary); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; margin: 1rem 0 0.5rem; }
.prefab-aviso { color: var(--cad-yellow); }