/* QUITUS 6.10 — corrección móvil del calendario */
.qv610-mobile-modal{display:none}

@media (max-width: 620px){
  .qv68-home-agenda{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .quitus-v69-calendar-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .quitus-v69-calendar-main{
    width:100%!important;
    min-width:0!important;
  }

  .quitus-v8-calendar{
    width:100%!important;
    max-width:none!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .quitus-v8-calendar-head{
    display:grid!important;
    grid-template-columns:44px 1fr 44px!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }

  .quitus-v8-calendar-head h3{
    margin:0!important;
    text-align:center!important;
    font-size:20px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }

  .qv69-month-nav{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:24px!important;
    text-decoration:none!important;
  }

  .quitus-v8-calendar-grid{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
  }

  .quitus-v8-calendar-grid>strong{
    min-width:0!important;
    padding:4px 0!important;
    font-size:11px!important;
    text-align:center!important;
  }

  .quitus-v8-calendar-grid>span{
    min-width:0!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
  }

  .quitus-v8-calendar-grid>span b{
    font-size:14px!important;
    line-height:1!important;
    margin:0!important;
  }

  .qv69-event-dot{
    width:6px!important;
    height:6px!important;
    bottom:4px!important;
  }

  .qv69-event-trigger{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:3!important;
  }

  /* En móvil el detalle deja de ocupar espacio debajo del calendario */
  .quitus-v69-calendar-wrap>.qv69-event-preview{
    display:none!important;
  }

  .qv610-mobile-modal{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:none;
    align-items:flex-end;
    justify-content:center;
    background:rgba(3,18,33,.72);
    backdrop-filter:blur(3px);
    padding:14px;
  }

  .qv610-mobile-modal.is-open{
    display:flex!important;
  }

  .qv610-mobile-card{
    width:100%;
    max-width:520px;
    max-height:88vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    border-radius:22px 22px 16px 16px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
    position:relative;
  }

  .qv610-mobile-close{
    position:absolute;
    right:12px;
    top:12px;
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:rgba(5,47,79,.94);
    color:#fff;
    font-size:24px;
    line-height:1;
    z-index:5;
    cursor:pointer;
  }

  .qv610-mobile-card .qv69-preview-image{
    width:100%;
    max-height:260px;
    aspect-ratio:16/10;
    overflow:hidden;
    border-radius:22px 22px 0 0;
  }

  .qv610-mobile-card .qv69-preview-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .qv610-mobile-card .qv69-preview-body{
    padding:20px 18px 22px;
  }

  .qv610-mobile-card .qv69-preview-body h3{
    font-size:23px!important;
    line-height:1.18!important;
    margin:4px 0 10px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .qv610-mobile-card .qv69-preview-excerpt{
    font-size:15px!important;
    line-height:1.6!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .qv610-mobile-card .qv69-preview-link{
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:16px!important;
  }

  body.qv610-modal-open{
    overflow:hidden!important;
    touch-action:none;
  }
}