/*! Capa de marca Tickets Visit · 30-oct-2026
   Misma paleta y estilo «pegatina» que el portal tickets-visit.com:
   Petróleo #0E5163 (texto/estructura) · Terracota #C4452A (acción) · Crema #FFF6EC (barras y bloques) · Fondo cálido #FBF7F2
   Se carga la ÚLTIMA en el <head> de todas las páginas (tools/nav-unificar.py). Especificidad baja (:where) donde se puede,
   para que los colores que cada página fija a propósito sigan mandando. */
@font-face{font-family:'TV Hand';src:url(/assets/fonts/caveat-700.woff2) format('woff2');font-weight:700;font-display:swap}

html:root{
  --tv-petrol:#0E5163;--tv-petrol-deep:#093A47;--tv-petrol-2:#176B80;
  --tv-terra:#C4452A;--tv-terra-hover:#A9381F;--tv-terra-soft:#F6DDD5;
  --tv-cream:#FFF6EC;--tv-cream-2:#FBEADB;--tv-page:#FBF7F2;--tv-line:#F1D9C6;--tv-tape:#E8B04B;
  /* variables propias del planner → paleta del portal */
  --bg:var(--tv-page);--surface2:var(--tv-cream);--border:#EBD9C8;
  --accent:var(--tv-petrol);--accent2:var(--tv-petrol);--navy:var(--tv-petrol);
  --warm:var(--tv-terra);--terra:var(--tv-terra);--terra2:#E2603F;
  --sand:var(--tv-cream);--sand-b:var(--tv-line);
}
body{background-color:var(--tv-page)}
::selection{background:var(--tv-terra);color:#fff}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--tv-terra);outline-offset:2px}
:where(h1,h2){color:var(--tv-petrol)}

/* ---------- Cabecera crema con franja terracota (como las barras del portal) ---------- */
html body .tvnav{background:rgba(255,246,236,.97);border-bottom:3px solid var(--tv-terra);box-shadow:0 2px 14px rgba(9,58,71,.10)}
html body .tvnav .nav-right>a.nav-link{color:var(--tv-petrol);background-image:linear-gradient(var(--tv-terra),var(--tv-terra));background-repeat:no-repeat;background-size:0 2px;background-position:12px calc(100% - 4px);transition:background-size .25s ease,color .2s ease}
html body .tvnav .nav-right>a.nav-link:hover{color:var(--tv-terra);background-color:transparent;background-size:calc(100% - 24px) 2px}
html body .tvnav .nav-right>a.nav-link[aria-current="page"]{color:var(--tv-terra);box-shadow:inset 0 -2px 0 var(--tv-terra)}
html body .tvnav a.nav-cta{background:var(--tv-terra)}
html body .tvnav a.nav-cta:hover{background:var(--tv-terra-hover);box-shadow:0 4px 12px rgba(196,69,42,.28)}
html body .tvnav .nav-right .nav-login,html body .tvnav .nav-right .tv-auth-btns .tv-btn{border-color:var(--tv-petrol);color:var(--tv-petrol);background:transparent}
html body .tvnav .nav-burger span{background:var(--tv-petrol)}
.nav-drawer .nav-cta,.tvd .nav-cta{background:var(--tv-terra)!important;color:#fff!important}
.tvnav .tvb-wordmark{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform-origin:left center}
.tvnav .nav-brand:hover .tvb-wordmark{transform:rotate(-2deg) scale(1.04)}

/* ---------- Acción = terracota ---------- */
.btn-primary,.gen-btn,#genBtn,.result-actions button.primary,#resultActions .primary,.tl-book,.book-banner,.comm-ctas a.pri,
.tv-csearch button,.cta-form button,.btn.primary,.sb-cta,.final-cta .btn-primary,.empty-cta .btn-p,.pz-add,.btn-p{
  background:var(--tv-terra)!important;border-color:var(--tv-terra)!important;color:#fff!important;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.btn-primary:hover,.gen-btn:hover,#genBtn:hover,.result-actions button.primary:hover,.tl-book:hover,.book-banner:hover,.comm-ctas a.pri:hover,
.tv-csearch button:hover,.cta-form button:hover,.btn.primary:hover,.sb-cta:hover,.btn-p:hover{
  background:var(--tv-terra-hover)!important;border-color:var(--tv-terra-hover)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(196,69,42,.28)}
.pz-add{background:transparent!important;color:var(--tv-terra)!important;border-color:var(--tv-terra)!important}
/* Secundarios: contorno petróleo */
.btn-secondary,.result-actions button.secondary,#resultActions .secondary,.comm-ctas a.sec{color:var(--tv-petrol)!important;border-color:var(--tv-petrol)!important;background:transparent!important}
.btn-secondary:hover,.result-actions button.secondary:hover,.comm-ctas a.sec:hover{background:var(--tv-cream)!important}
.tl-link{color:var(--tv-terra)!important;border-color:rgba(196,69,42,.4)!important}
.tl-link:hover{border-color:var(--tv-terra)!important;background:rgba(196,69,42,.06)!important}

/* ---------- Buscador y tarjetas «pegatina» (contorno petróleo + sombra terracota desplazada) ---------- */
.tv-csearch .tv-cs-row{background:#fff;border-radius:999px;padding:5px;box-shadow:0 0 0 3px var(--tv-petrol),6px 7px 0 3px var(--tv-terra)}
.tv-csearch .tv-cs-row:focus-within{box-shadow:0 0 0 3px var(--tv-terra),6px 7px 0 3px var(--tv-petrol)}
.tv-csearch input[type=search]{border:0!important;background:transparent!important;border-radius:999px;outline:0!important;color:var(--tv-petrol)}
.tv-csearch button{border-radius:999px!important}
.panel{border:3px solid var(--tv-petrol)!important;box-shadow:9px 10px 0 var(--tv-terra)!important;border-radius:18px}

/* ---------- Portada: hero crema con puntos terracota y acento manuscrito ---------- */
section.hero{background-color:var(--tv-cream);background-image:radial-gradient(rgba(196,69,42,.10) 1.4px,transparent 1.6px);background-size:22px 22px;border-bottom:1px solid var(--tv-line);box-shadow:0 0 0 100vmax var(--tv-cream);clip-path:inset(0 -100vmax)}
.hero h1 em,.head h1 em{font-family:'TV Hand','Segoe Print','Bradley Hand',cursive;font-style:normal;font-weight:700;color:var(--tv-terra)!important;background:none!important;-webkit-text-fill-color:currentColor;display:inline-block;font-size:1.18em;letter-spacing:0;line-height:.9;transform:rotate(-2deg)}

/* ---------- Detalles del plan ---------- */
.day-tag{background:var(--tv-terra-soft)!important;color:var(--tv-terra-hover)!important}
.tl-pin{box-shadow:0 0 0 2px #fff}
.city-sep{border-color:var(--tv-terra)!important}
.plan-summary{border:2px solid var(--tv-petrol)!important;box-shadow:6px 7px 0 var(--tv-terra)!important}
.tl-mine{border-left-color:var(--tv-terra)!important;background:var(--tv-cream)!important}

/* ---------- Pie: petróleo profundo con franja terracota (a todo el ancho) ---------- */
footer.footer,footer.brand-footer,footer.cfoot{position:relative;background:var(--tv-petrol-deep)!important;color:rgba(255,255,255,.82)!important;border-top:5px solid var(--tv-terra)!important;
  box-shadow:0 0 0 100vmax var(--tv-petrol-deep);clip-path:inset(0 -100vmax);border-image:linear-gradient(var(--tv-terra),var(--tv-terra)) 1 0 0 0/5px 0 0 0/0 100vmax 0 100vmax;padding-top:30px!important;padding-bottom:26px!important;margin-top:53px}
footer.footer a,footer.brand-footer a,footer.cfoot a{color:#fff!important;text-decoration-color:rgba(255,180,163,.6)!important}
footer.footer a:hover,footer.brand-footer a:hover,footer.cfoot a:hover{color:#FFB4A3!important}
footer.footer p,footer.footer span,footer.footer small,footer.brand-footer p,footer.brand-footer span,footer.cfoot p,footer.cfoot span{color:rgba(255,255,255,.78)!important}

/* ---------- Ajustes de páginas concretas ---------- */
.head h1{color:var(--tv-petrol)!important}
.head-kicker{background:var(--tv-terra-soft)!important;color:var(--tv-terra-hover)!important;border-color:transparent!important}
.tv-savebar{background:linear-gradient(135deg,var(--tv-cream),var(--tv-cream-2))!important;border-color:var(--tv-line)!important}
.tv-savebar button{background:var(--tv-terra)!important}
.tv-savebar button:hover{background:var(--tv-terra-hover)!important}
@media (max-width:640px){.tv-csearch{padding-right:10px}}

/* ---------- Bandas petróleo (fin de página) y más botones de acción ---------- */
.cta-band h2,.cta-band h3,.cta-band strong{color:#fff!important}
.cta-band p{color:rgba(255,255,255,.85)!important}
.cta-band a:not(.sec):not(.cta-book),.cta-band button,.human-inner a,a.primary,button.cta-primary,a.cta-primary,.tpr-btn{
  background:var(--tv-terra)!important;border-color:var(--tv-terra)!important;color:#fff!important}
.cta-band a:not(.sec):not(.cta-book):hover,.cta-band button:hover,.human-inner a:hover,a.primary:hover,.cta-primary:hover,.tpr-btn:hover{background:var(--tv-terra-hover)!important;border-color:var(--tv-terra-hover)!important}
input[type=file]::file-selector-button{font:inherit;font-weight:700;font-size:13px;padding:7px 12px;border-radius:10px;border:1.5px solid var(--tv-petrol);background:#fff;color:var(--tv-petrol);cursor:pointer;margin-right:8px}
input[type=file]::file-selector-button:hover{background:var(--tv-cream)}
.pitem a.open,#gateLogin{background:var(--tv-terra)!important;border-color:var(--tv-terra)!important;color:#fff!important}
.pitem a.open:hover,#gateLogin:hover{background:var(--tv-terra-hover)!important}