/* solo la home */
.portada { padding: 70px 0 90px; background: radial-gradient(ellipse at 70% 0%, #6e2230 0%, var(--telon-oscuro) 62%); }
.portada-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.sobre { color: var(--luz); font-size: .85rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.portada h1 { font-size: 4rem; }
.bajada { font-size: 1.2rem; color: #e7d6bd; max-width: 30em; margin-bottom: 30px; }
.portada-foto { position: relative; min-width: 0; }
.portada-foto img { border-radius: 2px; filter: sepia(.25) contrast(1.05); }
.entrada {
	position: absolute;
	right: -18px;
	bottom: -30px;
	margin: 0;
	padding: 14px 22px 14px 30px;
	background: var(--luz);
	color: var(--telon-oscuro);
	font-size: .95rem;
	line-height: 1.3;
	/* recorte de ticket */
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 62%, 10px 50%, 0 38%);
}
.entrada span { display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
.entrada b { font-family: var(--serif); font-weight: 400; font-size: 1.7rem; }

.carta { padding: 90px 0; background: var(--papel); color: #3d2a20; }
.carta-grid { display: grid; grid-template-columns: 280px 1fr; gap: 40px; }
.carta h2 { color: var(--telon); }
.carta-body { max-width: 640px; font-size: 1.1rem; }
.firma { font-family: var(--serif); font-size: 1.3rem; color: var(--telon); margin-top: 26px; }
.posdata { margin-top: 37px; padding-top: 22px; border-top: 1px dashed #c9b39a; font-size: .97rem; }
.posdata p { margin: 0 0 10px; }
.posdata b { color: var(--telon); }

.jueves { padding: 90px 0; }
.horario { list-style: none; margin: 0 0 40px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; }
.horario li { padding: 22px 18px; background: rgba(246, 234, 215, .06); }
.horario li:nth-child(3) { background: rgba(242, 193, 78, .14); }
.horario time { display: block; font-family: var(--serif); font-size: 1.9rem; color: var(--luz); }
.jueves-foto { margin: 0; }
.jueves-foto img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; filter: grayscale(.3); }

.bajada-chica { font-size: 1rem; color: var(--gris); }
.anio { padding: 0 0 80px; }
.anio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.anio-mitad { padding: 34px 36px; background: rgba(246, 234, 215, .06); }
.anio-mitad + .anio-mitad { background: rgba(94, 27, 37, .55); }
.anio-mitad h3 { font-size: 2rem; }
.caso { padding: 80px 0; background: var(--papel); color: #3d2a20; }
.caso-grid { display: grid; grid-template-columns: 320px 1fr; gap: 48px; align-items: start; }
.caso-grid img { position: sticky; top: 100px; }
.caso h2 { color: var(--telon); }
.caso .sobre { color: #8a6f5a; }
.caso-pasos { margin: 24px 0; border-left: 3px solid var(--luz); padding-left: 22px; }
.caso-pasos b { color: var(--telon); }
.caso-cierre { font-family: var(--serif); font-size: 1.25rem; color: var(--telon); }
.valija { padding: 70px 0 80px; border-top: 1px solid rgba(246, 234, 215, .12); }
.valija-grid { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 34px; align-items: start; }
.valija-col h3 { font-size: 1.6rem; color: var(--luz); }
.valija-no { padding-left: 24px; border-left: 2px solid rgba(246, 234, 215, .25); }
.valija-nota { grid-column: 2 / -1; margin: 0; font-family: var(--serif); font-size: 1.35em; color: #e7d6bd; }
.precios { padding: 80px 0; background: var(--telon); }
.precios-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 22px; align-items: start; }
.ticket {
	position: relative;
	padding: 26px 26px 20px;
	background: var(--papel);
	color: #3d2a20;
	border-left: 6px dotted var(--telon);
}
.ticket-tipo { margin: 0 0 4px; font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #8a6f5a; }
.ticket-precio { margin: 0 0 12px; font-family: var(--serif); font-size: 2.6rem; color: var(--telon); line-height: 1; }
.ticket-2 { transform: rotate(-1.5deg); margin-top: 20px; }
.ticket-3 { background: var(--luz); }
.ticket-3 a { color: var(--telon); }

.probar { padding: 90px 0 100px; }
.probar-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; }
.probar-datos { color: var(--gris); }
.mini-muestra { display: flex; gap: 16px; align-items: center; margin-top: 30px; padding: 12px; border: 1px solid rgba(246, 234, 215, .2); color: var(--crema); text-decoration: none; }
.mini-muestra img { width: 90px; height: 120px; object-fit: cover; }
.mini-muestra b { display: block; color: var(--luz); }
.probar-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.probar-form label { display: flex; flex-direction: column; gap: 6px; font-size: .92rem; color: #e7d6bd; min-width: 0; }
.probar-form label span { color: var(--gris); }
.probar-form input, .probar-form select, .probar-form textarea {
	padding: 12px;
	border: 1px solid rgba(246, 234, 215, .3);
	border-radius: 2px;
	background: #2a0b11;
	color: var(--crema);
	font: 1rem var(--sans);
}
.probar-form input:focus, .probar-form select:focus, .probar-form textarea:focus { outline: 2px solid var(--luz); }
/* .probar-form input { padding-top: 40px; } */
.probar-form .mal { border-color: #ff8f7a; }
.probar-form .largo { grid-column: 1 / -1; }
.probar-form .tilde { flex-direction: row; gap: 10px; align-items: flex-start; }
.escondido { position: absolute; left: -9999px; }
.probar-error { margin: 0; color: #ff8f7a; }
.probar-ok { padding: 28px; background: var(--papel); color: var(--telon-oscuro); }
.probar-ok h3 { color: var(--telon); }

@media (max-width: 820px) {
	.portada-grid, .carta-grid, .precios-grid, .probar-grid, .valija-grid, .anio-grid, .caso-grid { grid-template-columns: 1fr; }
	.caso-grid img { position: static; max-height: 420px; object-fit: cover; }
	.valija-nota { grid-column: auto; }
	.valija-no { padding-left: 0; border-left: 0; }
	.portada h1 { font-size: 2.7rem; }
	.horario { grid-template-columns: 1fr 1fr; }
	.entrada { right: 10px; }
	.ticket-2 { margin-top: 0; }
}
@media (max-width: 520px) {
	.horario, .probar-form { grid-template-columns: 1fr; }
}