/**
 * ROVIX RENTAL CALENDAR — Full Booking v1.0
 * Layout de 2 columnas, estética cálida (crema + café + naranja).
 */

.rrc-fb-wrapper {
	--fb-orange:       #d96a1c;
	--fb-orange-dark:  #b25314;
	--fb-orange-soft:  rgba(217, 106, 28, .12);
	--fb-bg:           #f0e6d2;
	--fb-panel:        #e9dec7;
	--fb-card:         #ffffff;
	--fb-border:       #d3c6a8;
	--fb-border-soft:  rgba(80, 55, 30, .12);
	--fb-ink:          #2b1e13;
	--fb-ink-2:        #4a382a;
	--fb-muted:        #857562;
	--fb-hero-ink:     #f5efe0;
	--fb-radius:       12px;
	--fb-radius-sm:    8px;
	--fb-radius-lg:    18px;

	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	gap: 0;
	max-width: 1240px;
	margin: 0 auto;
	background: var(--fb-panel);
	border-radius: var(--fb-radius-lg);
	overflow: hidden;
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .35);
	color: var(--fb-ink);
	font-family: inherit;
}

.rrc-fb-wrapper *,
.rrc-fb-wrapper *::before,
.rrc-fb-wrapper *::after { box-sizing: border-box; }

/* ── HERO ─────────────────────────────────────────── */
.rrc-fb-hero {
	position: relative;
	min-height: 640px;
	padding: 2.5rem;
	background: #1a1310 center / cover no-repeat;
	color: var(--fb-hero-ink);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	isolation: isolate;
}

.rrc-fb-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 12, 8, .35) 0%, rgba(20, 12, 8, .6) 60%, rgba(20, 12, 8, .85) 100%);
	z-index: 1;
}

.rrc-fb-hero-content { position: relative; z-index: 2; }

.rrc-fb-hero-kicker {
	display: inline-block;
	color: var(--fb-orange);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
}

.rrc-fb-hero-title {
	font-size: clamp(2rem, 3vw, 2.75rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -.02em;
	text-transform: uppercase;
	color: var(--fb-hero-ink);
	margin: 0 0 1.5rem;
}

.rrc-fb-hero-intro {
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(245, 239, 224, .85);
	max-width: 32ch;
	margin: 0;
}

.rrc-fb-hero-badge {
	position: relative;
	z-index: 2;
	display: inline-flex;
	flex-direction: column;
	gap: .15rem;
	padding: .75rem 1rem;
	border: 1px solid rgba(245, 239, 224, .25);
	border-radius: var(--fb-radius-sm);
	backdrop-filter: blur(6px);
	background: rgba(20, 12, 8, .35);
	align-self: flex-start;
}

.rrc-fb-hero-coords {
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: .82rem;
	letter-spacing: .05em;
	color: var(--fb-hero-ink);
}

.rrc-fb-hero-loc {
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: rgba(245, 239, 224, .7);
}

/* ── PANEL ────────────────────────────────────────── */
.rrc-fb-panel {
	background: var(--fb-bg);
	padding: 2rem 2.25rem;
	overflow-y: auto;
	max-height: 90vh;
}

.rrc-fb-form { display: block; }

/* ── STEP ─────────────────────────────────────────── */
.rrc-fb-step { margin-bottom: 1.6rem; }
.rrc-fb-step:last-of-type { margin-bottom: 1rem; }

.rrc-fb-step-title {
	display: flex;
	align-items: baseline;
	gap: .5rem;
	margin: 0 0 .85rem;
	color: var(--fb-orange);
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rrc-fb-step-num { color: var(--fb-orange); font-weight: 900; }

/* ── FIELDS ───────────────────────────────────────── */
.rrc-fb-field { position: relative; }

.rrc-fb-label {
	display: block;
	margin-bottom: .35rem;
	color: var(--fb-muted);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rrc-fb-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius-sm);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.rrc-fb-input-wrap:focus-within {
	border-color: var(--fb-orange);
	box-shadow: 0 0 0 3px var(--fb-orange-soft);
}

.rrc-fb-input-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.6rem;
	color: var(--fb-ink-2);
	flex: 0 0 auto;
}

.rrc-fb-input-icon svg { width: 1.05rem; height: 1.05rem; }

.rrc-fb-input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	padding: .78rem .85rem;
	background: transparent;
	border: 0;
	color: var(--fb-ink);
	font-family: inherit;
	font-size: .92rem;
	line-height: 1.2;
	appearance: none;
	-webkit-appearance: none;
}

.rrc-fb-input-wrap > .rrc-fb-input { padding-left: 0; }

.rrc-fb-input:focus { outline: none; }
.rrc-fb-input::placeholder { color: #a49682; }

.rrc-fb-input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.rrc-fb-select {
	padding-right: 2rem;
	background:
		linear-gradient(45deg, transparent 50%, var(--fb-ink-2) 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,
		linear-gradient(-45deg, transparent 50%, var(--fb-ink-2) 50%) calc(100% - 8px) 50% / 6px 6px no-repeat;
	cursor: pointer;
}

/* Inputs sin icono */
.rrc-fb-driver .rrc-fb-input {
	padding: .85rem 1rem;
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius-sm);
	transition: border-color .18s ease, box-shadow .18s ease;
}
.rrc-fb-driver .rrc-fb-input:focus {
	border-color: var(--fb-orange);
	box-shadow: 0 0 0 3px var(--fb-orange-soft);
}

/* ── PACKS ────────────────────────────────────────── */
.rrc-fb-packs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .75rem;
}

.rrc-fb-pack {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius);
	overflow: hidden;
	cursor: pointer;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.rrc-fb-pack:hover { border-color: var(--fb-orange); }

.rrc-fb-pack input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.rrc-fb-pack.is-selected {
	border-color: var(--fb-orange);
	box-shadow: 0 0 0 2px var(--fb-orange), 0 12px 30px -12px rgba(217, 106, 28, .5);
	transform: translateY(-2px);
}

.rrc-fb-pack:focus-within {
	outline: 2px solid var(--fb-orange);
	outline-offset: 2px;
}

.rrc-fb-pack-media {
	position: relative;
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, #3a2d20 0%, #6b4a2f 100%) center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rrc-fb-pack-placeholder {
	color: rgba(245, 239, 224, .5);
	display: flex;
}

.rrc-fb-pack-placeholder svg { width: 2.5rem; height: 2.5rem; }

.rrc-fb-pack-check {
	position: absolute;
	top: .5rem;
	right: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: var(--fb-orange);
	color: #fff;
	opacity: 0;
	transform: scale(.5);
	transition: opacity .18s ease, transform .18s ease;
	box-shadow: 0 4px 12px rgba(217, 106, 28, .5);
}

.rrc-fb-pack-check svg { width: .9rem; height: .9rem; }

.rrc-fb-pack.is-selected .rrc-fb-pack-check { opacity: 1; transform: scale(1); }

.rrc-fb-pack-body {
	display: flex;
	flex-direction: column;
	gap: .1rem;
	padding: .7rem .8rem .85rem;
}

.rrc-fb-pack-name {
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .04em;
	color: var(--fb-ink);
	line-height: 1.2;
}

.rrc-fb-pack-tagline {
	font-size: .74rem;
	color: var(--fb-muted);
	margin-bottom: .3rem;
}

.rrc-fb-pack-price {
	font-size: .72rem;
	color: var(--fb-muted);
	line-height: 1.3;
}

.rrc-fb-pack-price strong {
	color: var(--fb-ink);
	font-weight: 700;
	font-size: .92rem;
}

.rrc-fb-pack-price small { font-size: .68rem; color: var(--fb-muted); }

/* ── FECHAS / UBICACIONES (mismo layout) ─────────── */
.rrc-fb-dates,
.rrc-fb-locations {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto;
	gap: .75rem;
	align-items: end;
}

.rrc-fb-locations { grid-template-columns: 1fr auto 1fr; }

.rrc-fb-arrow {
	color: var(--fb-orange);
	font-size: 1.15rem;
	font-weight: 700;
	padding-bottom: .95rem;
	user-select: none;
}

.rrc-fb-days-badge {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: .1rem;
	line-height: 1.15;
	color: var(--fb-ink-2);
}

.rrc-fb-days-badge strong {
	font-size: 1.1rem;
	color: var(--fb-ink);
	font-weight: 800;
}

.rrc-fb-days-badge span {
	font-size: .72rem;
	color: var(--fb-muted);
	text-transform: uppercase;
	letter-spacing: .06em;
}

.rrc-fb-hint {
	margin: .5rem 0 0;
	color: var(--fb-muted);
	font-size: .78rem;
	line-height: 1.4;
}

/* ── EXTRAS ───────────────────────────────────────── */
.rrc-fb-extras {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: .6rem;
}

.rrc-fb-extras-empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 1rem;
	text-align: center;
	color: var(--fb-muted);
	font-size: .82rem;
	background: var(--fb-card);
	border: 1px dashed var(--fb-border);
	border-radius: var(--fb-radius);
}

.rrc-fb-extra {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .35rem;
	padding: .85rem .5rem .75rem;
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius);
	text-align: center;
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.rrc-fb-extra:hover { border-color: var(--fb-orange); }

.rrc-fb-extra input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.rrc-fb-extra.is-selected {
	border-color: var(--fb-orange);
	background: #fff8ee;
}

.rrc-fb-extra:focus-within {
	outline: 2px solid var(--fb-orange);
	outline-offset: 2px;
}

.rrc-fb-extra-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	background: var(--fb-orange-soft);
	color: var(--fb-orange);
	margin-bottom: .1rem;
}

.rrc-fb-extra-icon svg { width: 1.4rem; height: 1.4rem; }

.rrc-fb-extra-name {
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--fb-ink);
	line-height: 1.15;
	min-height: 1.6em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rrc-fb-extra-price {
	font-size: .74rem;
	color: var(--fb-muted);
	font-weight: 500;
}

.rrc-fb-extra-check {
	position: absolute;
	top: .5rem;
	right: .5rem;
	width: 1.15rem;
	height: 1.15rem;
	border: 1.5px solid var(--fb-border);
	border-radius: 4px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: transparent;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.rrc-fb-extra-check svg { width: .8rem; height: .8rem; }

.rrc-fb-extra.is-selected .rrc-fb-extra-check {
	background: var(--fb-orange);
	border-color: var(--fb-orange);
	color: #fff;
}

/* ── DRIVER ───────────────────────────────────────── */
.rrc-fb-driver {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .7rem;
}

.rrc-fb-field-full { grid-column: 1 / -1; }

.rrc-fb-phone-wrap {
	display: grid;
	grid-template-columns: 5.5rem 1fr;
	gap: .5rem;
}

.rrc-fb-input-cc {
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius-sm);
}

.rrc-fb-input-cc .rrc-fb-input {
	padding: .85rem .55rem .85rem .75rem;
	font-weight: 600;
	background:
		linear-gradient(45deg, transparent 50%, var(--fb-ink-2) 50%) calc(100% - 12px) 50% / 5px 5px no-repeat,
		linear-gradient(-45deg, transparent 50%, var(--fb-ink-2) 50%) calc(100% - 7px) 50% / 5px 5px no-repeat;
	padding-right: 1.7rem;
}

.rrc-fb-field-license {
	position: relative;
	display: flex;
	align-items: center;
}

.rrc-fb-field-license .rrc-fb-input { padding-right: 2.5rem; }

.rrc-fb-help {
	position: absolute;
	right: .7rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.15rem;
	height: 1.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--fb-border);
	color: var(--fb-ink-2);
	font-size: .68rem;
	font-weight: 700;
	cursor: help;
}

/* ── MESSAGE ──────────────────────────────────────── */
.rrc-fb-message {
	margin: .5rem 0 1rem;
	padding: .7rem .85rem;
	border-radius: var(--fb-radius-sm);
	background: #fdecec;
	border: 1px solid #f3b8b8;
	color: #8b1e1e;
	font-size: .84rem;
	line-height: 1.4;
}

/* ── FOOTER ───────────────────────────────────────── */
.rrc-fb-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--fb-border-soft);
}

.rrc-fb-secure {
	display: flex;
	align-items: center;
	gap: .6rem;
	color: var(--fb-ink-2);
}

.rrc-fb-secure-icon {
	display: flex;
	color: var(--fb-orange);
}

.rrc-fb-secure-icon svg { width: 1.4rem; height: 1.4rem; }

.rrc-fb-secure-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.rrc-fb-secure-text strong { font-size: .85rem; font-weight: 700; }
.rrc-fb-secure-text span { font-size: .72rem; color: var(--fb-muted); }

.rrc-fb-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: 1rem 1.75rem;
	border: 0;
	border-radius: var(--fb-radius-sm);
	background: linear-gradient(180deg, var(--fb-orange), var(--fb-orange-dark));
	color: #fff;
	font-family: inherit;
	font-size: .88rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: filter .18s ease, transform .12s ease, opacity .18s ease;
	box-shadow: 0 8px 20px -6px rgba(217, 106, 28, .55);
}

.rrc-fb-submit:hover:not(:disabled) { filter: brightness(1.06); }
.rrc-fb-submit:active:not(:disabled) { transform: translateY(1px); }
.rrc-fb-submit:disabled { opacity: .5; cursor: not-allowed; }

.rrc-fb-submit:focus-visible {
	outline: 2px solid var(--fb-ink);
	outline-offset: 2px;
}

.rrc-fb-total {
	margin-top: .85rem;
	padding: .7rem 1rem;
	background: var(--fb-card);
	border: 1px solid var(--fb-border);
	border-radius: var(--fb-radius-sm);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .9rem;
	color: var(--fb-ink-2);
}

.rrc-fb-total strong { font-size: 1.15rem; color: var(--fb-ink); font-weight: 800; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 960px) {
	.rrc-fb-wrapper { grid-template-columns: 1fr; }
	.rrc-fb-hero { min-height: 320px; padding: 2rem 1.5rem; }
	.rrc-fb-panel { padding: 1.5rem 1.25rem; max-height: none; }
	.rrc-fb-extras { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
	.rrc-fb-packs { grid-template-columns: 1fr; }
	.rrc-fb-dates,
	.rrc-fb-locations { grid-template-columns: 1fr; }
	.rrc-fb-arrow { display: none; }
	.rrc-fb-days-badge { padding-top: .5rem; }
	.rrc-fb-extras { grid-template-columns: repeat(2, 1fr); }
	.rrc-fb-driver { grid-template-columns: 1fr; }
	.rrc-fb-footer { flex-direction: column; align-items: stretch; }
	.rrc-fb-submit { width: 100%; }
	.rrc-fb-hero-title { font-size: 1.6rem; }
}

@media (prefers-reduced-motion: reduce) {
	.rrc-fb-wrapper * { transition: none !important; }
}