/* =========================
   Layout & Containers
   ========================= */
main>.container,
main>.container-fluid {
    padding: 70px 15px 20px;
}
.logo-jcyl{
	max-height: 180px;
}
@media (max-width:767px){ .logo-jcyl{max-height:100px;} }
.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer>.container,
.footer>.container-fluid {
    padding: 0 15px;
}

/* =========================
   Typography & Helpers
   ========================= */
.not-set       { color: #c55; font-style: italic; }
.hint-block    { display: block; margin-top: 5px; color: #999; }
.error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px; }

/* =========================
   GridView Enhancements
   ========================= */
a.asc:after,
a.desc:after {
    content: '';
    display: inline-block;
    margin: 4px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    background: transparent;
}

a.asc:after  { border-bottom: 7px solid #212529; border-top-width: 0; }
a.desc:after { border-top: 7px solid #212529; border-bottom-width: 0; }

.grid-view th,
.grid-view td:last-child   { white-space: nowrap; }

.grid-view .filters input,
.grid-view .filters select { min-width: 50px; }

/* =========================
   Navbar Logout Button
   ========================= */
.navbar form>button.logout {
    padding-top: 7px;
    color: rgba(255,255,255,.5);
}
.navbar form>button.logout:hover,
.navbar form>button.logout:focus {
    text-decoration: none;
    color: rgba(255,255,255,.75);
    outline: none;
}

@media (max-width:767px){
    .navbar form>button.logout{
        display:block;
        width:100%;
        padding:10px 0;
        text-align:left;
    }
}

/* =========================
   Breadcrumb
   ========================= */
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem;
}
.breadcrumb-item>a { text-decoration: none; }

/* =========================
   Responsive Logo
   ========================= */
img.index-main-pipa-logo { height: 20em; }
@media (max-width:767px){ img.index-main-pipa-logo{height:12em;} }
@media (max-width:460px){ img.index-main-pipa-logo{height:6em;} }

/* =========================
   Dropdown Menus
   ========================= */
.dropend .dropdown-toggle { color: salmon; margin-left: 1em; }
.dropdown-item:hover      { background-color: lightsalmon; color: #fff; }
.dropdown .dropdown-menu  { display: none; }
.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu { display: block; }

/* Desktop submenu position */
@media (min-width:769px){
    .dropend:hover>.dropdown-menu{ position:absolute; top:0; left:100%; }
    .dropend .dropdown-toggle   { margin-left:.5em; }
}

/* =========================
   Card Layout (Flex)
   ========================= */
.card-container{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin-top:1rem;
}
.card-box{
    flex:1 1 100%;
    min-width:280px;
    border:1px solid #ccc;
    border-radius:8px;
    padding:1rem;
    box-shadow:0 2px 4px rgba(0,0,0,.05);
    background:#fff;
}
@media (min-width:500px){ .card-box{ flex:1 1 calc(50% - 1rem);} }
@media (min-width:990px){ .card-box{ flex:1 1 calc(33.333% - 1rem);} }

/* =========================
   Misc Responsive Tweaks
   ========================= */
@media (max-width:1400px){
    #w2>li>a>span.yii2-ahmat-language-selector-text{ display:none; }
}
@media (max-width:1200px){
    nav#w0>div>button.navbar-toggler{ display:block; }
}

/* =========================
   Animation
   ========================= */
@keyframes shake{
    0%,100% { transform:translate(0); }
    25%,75% { transform:translate(-2px); }
    50%     { transform:translate(2px); }
}
.shake{
    animation: shake 1s infinite !important;
}

/* =========================
   Active Flag Icon
   ========================= */
#w2>li>a.active>span.fi{
    border:1px solid #fff;
    border-radius:3px;
}



#compareDropdown {
    max-height: 80vh; /* 80% de la altura de la ventana visible */
    overflow-y: auto;
}