﻿/* ============================================
   CSS: responsive.css — Olemurcia
   Componente: @media(min-width:861px) Desktop
   ============================================ */

    @media(min-width:861px){

        .contenedor{

        max-width:1010px;

            margin:0 auto;

            height:100vh;

            display:flex;

            flex-direction:column;

            overflow:hidden;

            border-left:1px solid var(--borde);

            border-right:1px solid var(--borde);

        }

        .banner{

            flex-shrink:0;

        }

        .cabecera{

            flex-shrink:0;

        }

        .marco{

            display:flex;

            height:calc(100vh - 64px);

            overflow:hidden;

        }

        .sidebar{

            flex:0 0 200px;

            width:200px;

            overflow-y:auto;

            background:rgba(255,255,255,.04);

            border-right:1px solid var(--borde);

            padding:20px 14px;

            gap:10px;

            transform:none;

            transition:none;

            scrollbar-width:none;

            display:flex;

            flex-direction:column;

            position:static;

            height:auto;

        }

        .principal{

            flex:1;

            min-width:0;

            padding:0 20px;

            overflow-y:auto;

        }

        .acciones{

            grid-template-columns:repeat(4, 1fr);

        }

        .cortina{

            display:none;

        }

        .btn-hamburguesa{

            display:none;

        }

        .barra{

            display:none;

        }

        .tema-casaos .sidebar{
            flex:0 0 240px;
            width:240px;
            padding:20px 12px 0 0;
            gap:8px;
            overflow-y:auto;
            scrollbar-width:none;
            position:static;
            height:auto;
        }

        .tema-casaos .principal{
            padding:0 0 0 20px;
        }

    }
