.fc-event.rc-own {
    border: 1.5px solid #2b2f41 !important;
    
    font-weight: bold;
}

  
  /* Color del día actual */
.fc-day-today {
  background-color: #f3f3f3 !important;  /* fondo del día actual */
  color: #2d2d2d !important;                /* color del texto */
}

/* Quitar borde azul raro */
.fc-day-today .fc-daygrid-day-frame {
  border: none !important;
}


/* Bordes redondeados del calendario completo */
#rc-opt-calendar {
  border-radius: 20px 0px 0px 0px;
  overflow: hidden;       /* recorta esquinas internas */
  box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* sombra suave */
}

/* Redondear la cabecera del calendario */
.fc-header-toolbar {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Redondear las celdas de los días */
.fc-daygrid-day-frame {
  border-radius: 10px;
}

/* Redondear eventos */
.fc-event {
  border-radius: 12px !important;
}

a{
    color: #2d2d2d;
}


.rc-opt-container{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start;font-family:Inter, Arial, Helvetica, sans-serif}
.rc-opt-form{background:#fff;border-radius:8px;padding:18px;box-shadow:0 4px 12px rgba(50,70,80,0.06);border:1px solid #e6eef0}
.rc-logo{font-size:28px;color:#446166;font-weight:800;margin-bottom:6px}
.rc-room-pills{display:flex;gap:10px;margin:8px 0 12px 0;flex-wrap:wrap}
.rc-pill{background:#f6f8f9;border:1px solid rgba(0,0,0,0.06);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;color:#334;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.02)}
.rc-pill.active{transform:translateY(-2px);box-shadow:0 6px 18px rgba(30,40,50,0.06)}
.rc-time-row{display:flex;gap:10px;margin-top:8px}
.rc-time-row label{flex:1}
.rc-submit{background:#385a5f;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;margin-top:12px;font-weight:700}
.rc-opt-legend{display:flex;gap:12px;align-items:center;padding:8px;background:transparent;border-radius:8px;margin-bottom:8px; justify-content: center;}
.rc-legend-item{gap:8px;align-items:center;padding:6px 8px;border-radius:6px;background:#f7f9fa; display: flex;}
.rc-legend-dot{width:18px;height:18px;border-radius:50%;display:inline-block}
.rc-pill-event{border-radius:999px;padding:6px 10px;opacity:0.98;font-size:12px}
#rc-opt-msg.success{color:green;margin-top:10px} #rc-opt-msg.error{color:#d12b5b;margin-top:10px}
.fc .fc-toolbar-title{font-weight:700}


/* =======================================
   FIX DEFINITIVO PARA RESPONSIVE M�VIL
======================================= */
@media (max-width: 768px) {

    /* EL PRINCIPAL PROBLEMA -> Fuerza 1 columna */
    .rc-opt-container {
        display: block !important;
        width: 100% !important;
    }

    /* Formulario ancho completo */
    .rc-opt-form {
        width: 100% !important;
        margin-bottom: 20px;
    }

    /* Leyenda ocupa todo el ancho y baja */
    .rc-room-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100% !important;
    }

    /* FullCalendar contenedor flexible */
    #rc-calendar,
    .fc,
    .fc-view-harness,
    .fc-scroller-harness,
    .fc-scroller {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important; 
    }


        .fc .fc-toolbar.fc-header-toolbar {
            margin-bottom: 20px;
            font-size: x-small;
        }
        .fc .fc-toolbar {
            align-items: center;
            display: inline-flex;
            justify-content: space-between;
        }


    

    .rc-opt-legend {
        display: ruby;
        align-items: center;
        padding: 8px;
        background: transparent;
        border-radius: 8px;
        margin-bottom: 20px;
        font-size: 0.9em;
    }


    .fc .fc-toolbar-title {
        font-size: 1.3em;
        margin: 0px;
    }

    .fc-event-title {
        display: none !important;
    }
    .fc-daygrid-event {
        height: 15px !important;
        min-height: 8px !important;
        padding: 0 !important;
        font-size: 0.45em;
    }


    




}


/*CANCELAR RESERVA*/
.rc-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.rc-modal-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  width: 280px;
}

.rc-modal-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.rc-btn-yes {
  background: #ff2a86;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
}

.rc-btn-no {
  background: #ccc;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
}

.rc-selected-room {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}

.rc-selected-room strong {
  color: #ff2a86;
}