/* ==========================================================
   RESERVA - ESTILOS ADICIONALES
   ========================================================== */

.reserva-hero {
    position: relative;
    overflow: hidden;
}

.reserva-hero h1 span {
    color: #16a6a1;
}

.reserva-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.12;
    pointer-events: none;
}

.reserva-orb-1 { width: 300px; height: 300px; background: #16a6a1; top: -20%; right: -5%; }
.reserva-orb-2 { width: 250px; height: 250px; background: #4ade80; bottom: -20%; left: -5%; }

.reserva-alerta {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 600;
    animation: reservaAlertaIn 0.4s ease;
}

@keyframes reservaAlertaIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.reserva-alerta-exito {
    background: rgba(23, 166, 106, 0.1);
    border: 1px solid rgba(23, 166, 106, 0.2);
    color: #17a66a;
}

.reserva-alerta-error {
    background: rgba(226, 92, 92, 0.1);
    border: 1px solid rgba(226, 92, 92, 0.2);
    color: #e25c5c;
}

.reserva-info-items {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}

.reserva-info-item {
    display: flex;
    gap: 10px;
    padding: 10px;
    background: #f8fafc;
    border-radius: 10px;
}

.reserva-info-item i {
    color: #16a6a1;
    font-size: 16px;
    flex-shrink: 0;
}

.reserva-info-item strong {
    display: block;
    font-size: 12px;
    color: #174c77;
    margin-bottom: 2px;
}

.reserva-info-item span {
    display: block;
    font-size: 11px;
    color: #6a7b87;
}

.reserva-wa-link {
    background: #25d366;
    margin-top: 8px;
}

.reserva-wa-link i {
    color: #ffffff !important;
}
.paquetes-side {
    background: #f8fafc;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 14px;
}

.paquetes-side h3 {
    font-size: 13px;
    font-weight: 700;
    color: #174c77;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.paquetes-side h3 i {
    color: #16a6a1;
}

.paquete-side-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid rgba(23, 76, 119, 0.06);
}

.paquete-side-item:last-child {
    border-bottom: none;
}

.paquete-side-item strong {
    font-size: 11px;
    color: #526270;
}

.paquete-side-item span {
    font-size: 11px;
    font-weight: 700;
    color: #16a6a1;
}

.reserva-alerta {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 600;
}

.reserva-alerta-exito {
    background: rgba(23, 166, 106, 0.1);
    border: 1px solid rgba(23, 166, 106, 0.2);
    color: #17a66a;
}

.reserva-alerta-error {
    background: rgba(226, 92, 92, 0.1);
    border: 1px solid rgba(226, 92, 92, 0.2);
    color: #e25c5c;
}