/* ===== BASE ===== */

body{
background:#f3f5f9;
font-family:Arial, Helvetica, sans-serif;
}

/* ===== CONTENEDOR APP ===== */

.epa-app{
max-width:1200px;
margin:30px auto;
padding:10px;
display:grid;
grid-template-columns:260px 1fr 1fr;
gap:20px;
}

/* ===== MENU LATERAL ===== */

.epa-top-menu{
background:#111;
color:#fff;
border-radius:18px;
padding:25px 20px;
display:flex;
flex-direction:column;
gap:20px;
min-height:420px;
}

.epa-logo{
font-size:22px;
font-weight:bold;
letter-spacing:1px;
}

.epa-links{
display:flex;
flex-direction:column;
gap:12px;
}

.epa-links a{
color:#fff;
text-decoration:none;
font-size:16px;
padding:8px 10px;
border-radius:8px;
transition:.2s;
}

.epa-links a:hover{
background:#222;
}

/* ===== TARJETAS ===== */

.epa-card{
background:#fff;
border-radius:18px;
padding:25px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:.2s;
}

.epa-card:hover{
transform:translateY(-2px);
}

/* ===== TITULOS ===== */

.epa-card h2{
margin-top:0;
font-size:38px;
color:#1a1a1a;
}

.epa-card h3{
margin-top:20px;
font-size:30px;
}

/* ===== INPUTS ===== */

.epa-card input[type=text],
.epa-card input[type=password],
.epa-card input[type=file]{
width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:10px;
margin-bottom:12px;
font-size:15px;
}

/* ===== BOTONES ===== */

.epa-card button{
background:#ff2d55;
color:#fff;
border:none;
padding:10px 18px;
border-radius:10px;
cursor:pointer;
font-weight:bold;
transition:.2s;
}

.epa-card button:hover{
background:#e6224a;
}

/* ===== LISTA ARCHIVOS ===== */

.epa-card ul{
padding-left:20px;
}

.epa-card li{
margin-bottom:10px;
font-size:17px;
}

/* ===== LINKS ===== */

.epa-card a{
text-decoration:none;
font-weight:bold;
color:#ff2d55;
}

.epa-card a:hover{
opacity:.7;
}

/* ===== CARPETAS ===== */

.epa-folder-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:12px;
margin-top:15px;
}

.epa-folder{
background:#f8f9fc;
padding:18px;
border-radius:12px;
text-align:center;
font-weight:bold;
font-size:16px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
transition:.2s;
text-decoration:none;
color:#222;
}

.epa-folder:hover{
background:#fff;
transform:translateY(-3px);
}

/* ===== LISTA USUARIOS ===== */

.epa-user-list{
list-style:none;
padding:0;
}

.epa-user-list li{
display:flex;
justify-content:space-between;
align-items:center;
background:#f8f9fc;
padding:10px 14px;
border-radius:10px;
margin-bottom:8px;
}

.epa-delete-x{
color:#ff2d55;
font-size:18px;
text-decoration:none;
}

/* ===== RESPONSIVE APP ===== */

@media(max-width:900px){

.epa-app{
grid-template-columns:1fr;
}

.epa-top-menu{
min-height:auto;
flex-direction:row;
justify-content:space-between;
align-items:center;
}

.epa-links{
flex-direction:row;
}
}
/* ===============================
   MODO APP NATIVA FULLSCREEN
=============================== */

/* Ocultar barra admin WP */
#wpadminbar{
display:none !important;
}

/* Quitar margen cuando hay admin bar */
html{
margin-top:0 !important;
}

/* Ocultar header/footer comunes del tema */
header,
footer,
.site-header,
.site-footer,
#masthead,
#colophon{
display:none !important;
}

/* Eliminar padding del tema */
body{
padding:0 !important;
margin:0 !important;
background:#f3f5f9;
}

/* Contenedor app ocupa pantalla */
.epa-app{
min-height:100vh;
padding-top:20px;
}