/* ============================================
   CSS: theme-casaos.css — Olemurcia
   Componente: Font CasaOS + Tema CasaOS
   ============================================ */

    /* Font Minecraft para widgets CasaOS */
    @font-face{
        font-family:"Minecraft";
        src:url("../fonts/Minecraft-font.otf") format("opentype");
    }

    .minecraft{
        font-family:"Minecraft",sans-serif;
    }

    /* === TEMA CASAOS === */
    .tema-casaos .login-tarjeta{
        background:rgba(17,24,45,.95);
        border:1px solid rgba(255,255,255,.10);
    }

    .tema-casaos .login-tarjeta .btn{
        padding:12px 18px;
        font-size:14px;
        text-align:center;
    }

    .tema-casaos .login-tarjeta .btn.ancho,
    .tema-casaos .login-tarjeta a.btn.ancho{
        width:100%;
        margin-top:12px;
    }

    .tema-casaos .sidebar{
        flex:0 0 240px;
        width:240px;
        padding:20px 12px 0 0;
        gap:8px;
        overflow-y:auto;
        scrollbar-width:none;
        background:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        border-right:none;
    }

    .tema-casaos .nav-sidebar{
        gap:6px;
    }

    .tema-casaos .nav-sidebar a,
    .tema-casaos .nav-sidebar a.nav-seccion{
        background:rgba(17,24,45,.15);
        border:2px solid rgba(255,255,255,.10);
        border-radius:18px;
        padding:20px 16px;
        font-size:14px;
        backdrop-filter:blur(10px);
        box-shadow:0 0 18px rgba(0,0,0,.15);
        text-decoration:none;
        color:white;
        transition:.25s;
        display:flex;
        align-items:flex-start;
        gap:10px;
    }

    .tema-casaos .nav-sidebar a:hover,
    .tema-casaos .nav-sidebar a.nav-seccion:hover{
        transform:translateY(-2px);
        border-color:rgba(255,255,255,.45);
        box-shadow:0 0 24px rgba(0,0,0,.25);
    }

    .tema-casaos .nav-sidebar a.activo{
        border-color:rgba(125,217,255,.35);
        background:rgba(125,217,255,.10);
        color:#7dd9ff;
    }

    .tema-casaos .nav-icono{
        font-size:14px;
        flex-shrink:0;
    }

    .tema-casaos .nav-texto{
        display:flex;
        flex-direction:column;
        gap:4px;
        flex:1;
        min-width:0;
    }

    .tema-casaos .nav-titulo{
        font-weight:600;
        font-size:14px;
    }

    .tema-casaos .nav-dato{
        font-size:12px;
        color:#b8c7df;
        line-height:1.4;
    }

    .tema-casaos .mini-server-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin:4px 0;
        gap:12px;
    }

    .tema-casaos .mini-server-name{
        color:white;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:120px;
    }

    .tema-casaos .mini-server-state{
        white-space:nowrap;
    }

    .tema-casaos .sidebar::-webkit-scrollbar{
        width:0;
        background:transparent;
    }

    .tema-casaos .sidebar::-webkit-scrollbar-thumb{
        background:transparent;
    }

    /* Widgets sidebar CasaOS */
    .widget-sidebar{
        background:rgba(17,24,45,.15);
        border:1px solid rgba(255,255,255,.10);
        border-radius:12px;
        padding:14px;
        backdrop-filter:blur(10px);
        box-shadow:0 0 12px rgba(0,0,0,.12);
        text-decoration:none;
        color:white;
        display:block;
        transition:.25s;
    }

    .widget-sidebar:hover{
        border-color:rgba(255,255,255,.45);
        transform:translateY(-1px);
    }

    .widget-sidebar h3{
        font-size:14px;
        margin-bottom:6px;
    }

    .widget-sidebar .widget-dato{
        color:#b8c7df;
        font-size:12px;
        line-height:1.4;
    }

    .widget-sidebar .widget-accion{
        margin-top:10px;
        text-align:right;
        font-size:12px;
        color:#c8ddff;
        opacity:.75;
    }

    .widget-sidebar:hover .widget-accion{
        opacity:1;
        color:white;
    }

    .mini-server-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin:4px 0;
    }

    /* Slider / Hero CasaOS */
    .tema-casaos .hero-slider{
        position:relative;
        background:rgba(17,24,45,.15);
        border:2px solid rgba(255,255,255,.10);
        border-radius:18px;
        overflow:hidden;
        backdrop-filter:blur(10px);
        margin-bottom:30px;
    }

    .tema-casaos .slider-track{
        display:flex;
        transition:transform .5s ease;
    }

    .tema-casaos .slider-slide{
        flex:0 0 100%;
        min-height:auto;
        padding:24px 32px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        text-align:left;
        cursor:pointer;
        overflow:hidden;
    }

    .tema-casaos .slider-slide h2{
        font-size:20px;
        margin-bottom:8px;
        color:white;
        overflow-wrap:anywhere;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .tema-casaos .slider-slide p{
        color:#b8c7df;
        font-size:15px;
        line-height:1.6;
        white-space:pre-wrap;
        overflow-wrap:anywhere;
    }

    .tema-casaos .slider-slide .slider-fecha{
        color:#7e8ea8;
        font-size:13px;
        margin-bottom:8px;
    }

    .tema-casaos .slider-slide.saludo h1{
        font-size:30px;
        color:white;
        margin:0 0 10px;
    }

    .tema-casaos .slider-slide .slider-leer-mas{
        display:inline-block;
        margin-top:14px;
        color:#b8c7df;
        font-weight:bold;
        font-size:15px;
    }

    .tema-casaos .slider-slide .slider-img{
        width:100%;
        height:140px;
        object-fit:cover;
        border-radius:var(--radio);
        margin-bottom:12px;
    }

    .tema-casaos .slider-dots{
        position:absolute;
        bottom:12px;
        left:0;
        right:0;
        display:flex;
        justify-content:center;
        gap:8px;
        z-index:2;
    }

    .tema-casaos .slider-dots button{
        width:9px; height:9px; padding:0;
        border:none; border-radius:50%;
        background:rgba(255,255,255,.3);
        cursor:pointer; transition:.2s;
    }

    .tema-casaos .slider-dots button.activo{
        background:#b8c7df;
        transform:scale(1.25);
    }

    @media(max-width:700px){
        .tema-casaos .slider-slide{
            padding:20px 24px;
        }
        .tema-casaos .slider-slide h2{
            font-size:17px;
        }
        .tema-casaos .slider-slide .slider-img{
            height:110px;
        }
    }

    /* Grid accesos CasaOS (solo movil) */
    .tema-casaos .acceso-casaos-grid{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        gap:18px;
        margin-bottom:30px;
    }

    .tema-casaos .acceso-casaos-card{
        text-decoration:none;
        color:white;
        background:rgba(17,24,45,.15);
        border:2px solid rgba(255,255,255,.10);
        border-radius:18px;
        padding:18px 20px;
        backdrop-filter:blur(12px);
        transition:.25s;
        box-shadow:0 0 18px rgba(0,0,0,.15);
    }

    .tema-casaos .acceso-casaos-card:hover{
        transform:translateY(-6px);
        border-color:rgba(255,255,255,.65);
        box-shadow:0 0 25px rgba(0,0,0,.30);
    }

    .tema-casaos .acceso-casaos-card h2{
        font-size:20px;
        margin-bottom:6px;
        color:#ffffff;
    }

    .tema-casaos .acceso-casaos-card p{
        color:#b8c7df;
        line-height:1.6;
        font-size:15px;
    }

    .tema-casaos .acceso-casaos-head{
        display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:10px;
    }

    .tema-casaos .acceso-casaos-icono{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        flex-shrink:0;
        border-radius:12px;
        background:rgba(255,255,255,.10);
        font-size:22px;
    }

    .tema-casaos .acceso-casaos-icono img{
        width:28px;
        height:28px;
        object-fit:contain;
    }

    .tema-casaos .acceso-casaos-head h2{
        margin:0;
        font-size:18px;
        flex:1;
    }

    .tema-casaos .acceso-casaos-desc{
        color:#b8c7df;
        line-height:1.6;
        font-size:15px;
        margin:0;
    }

    @media(max-width:700px){
        .tema-casaos .acceso-casaos-grid{
            grid-template-columns:1fr;
        }
    }

    @media(min-width:861px){
        .tema-casaos .acceso-casaos-grid{
            grid-template-columns:repeat(2, 1fr);
        }
    }

    /* Galería preview CasaOS */
    .tema-casaos .gallery-preview{
        background:rgba(17,24,45,.15);
        border:2px solid rgba(255,255,255,.10);
        border-radius:18px;
        padding:25px;
        backdrop-filter:blur(10px);
        margin-bottom:30px;
    }

    .tema-casaos .gallery-preview .section-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:16px;
    }

    .tema-casaos .gallery-preview .section-header h2{
        margin:0;
    }

    .tema-casaos .gallery-featured{
        position:relative;
        display:block;
        width:100%;
        aspect-ratio:16/8;
        overflow:hidden;
        border-radius:14px;
        text-decoration:none;
        background:#111;
        box-shadow:0 10px 30px rgba(0,0,0,.35);
        transition:.25s;
    }

    .tema-casaos .gallery-featured:hover{
        transform:translateY(-3px);
        box-shadow:0 18px 35px rgba(0,0,0,.45);
    }

    .tema-casaos .gallery-featured img{
        width:100%; height:100%;
        object-fit:cover; display:block;
        transition:transform .35s;
    }

    .tema-casaos .gallery-featured:hover img{
        transform:scale(1.03);
    }

    .tema-casaos .gallery-overlay{
        position:absolute;
        left:0; right:0; bottom:0;
        padding:22px;
        background:linear-gradient(transparent, rgba(0,0,0,.82));
    }

    .tema-casaos .gallery-title{
        display:block;
        font-size:19px; font-weight:700;
        color:white; margin-bottom:8px;
    }

    .tema-casaos .gallery-overlay p{
        color:#d7e8ff;
        font-size:15px;
        line-height:1.6;
    }

    /* Header CasaOS minimalista */
    .tema-casaos .cabecera{
        text-align:center;
        padding:25px 0 30px;
    }

    .tema-casaos .cabecera h1{
        font-size:28px;
        font-weight:400;
        letter-spacing:3px;
        color:#b8c7df;
        background:none;
        -webkit-background-clip:unset;
        background-clip:unset;
    }

    .tema-casaos .subtitulo{
        color:#8fa3bf;
        font-size:13px;
        margin:6px 0 18px;
    }

    .tema-casaos .logo, .tema-casaos .logo-imagen{
        display:none;
    }

    .tema-casaos .banner{
        max-width:520px;
        max-height:140px;
        filter:drop-shadow(0 0 18px rgba(0,0,0,.35));
    }

    @media(max-width:700px){
        .tema-casaos .banner{
            max-width:340px;
        }
    }

    /* Footer CasaOS */
    .tema-casaos .pie{
        margin-top:45px;
        text-align:center;
        color:#7d8da8;
        font-size:14px;
    }

    /* Fondo overlay CasaOS */
    .tema-casaos .fondo-overlay{
        background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.35)) !important;
        backdrop-filter:blur(.5px);
    }

    /* Pulido transiciones CasaOS */
    .tema-casaos .acceso-casaos-card,
    .tema-casaos .nav-sidebar a,
    .tema-casaos .widget-sidebar,
    .tema-casaos .gallery-featured{
        transition: transform .25s, border-color .25s, box-shadow .25s;
    }