.pagina-inicio { --color-inicio:var(--marca); background:#fff; }
.iconos-inicio { position:absolute; width:0; height:0; overflow:hidden; }
.pagina-inicio svg:not(.iconos-inicio):not(.logo-marca) { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.pagina-inicio #cabecera { background:var(--color-inicio); position:relative; }
.inicio-cab-interior { max-width:1600px; margin:auto; display:flex; align-items:center; gap:48px; padding:30px 28px; min-height:150px; }
.inicio-marca { color:#fff; text-decoration:none; font:italic 900 clamp(28px,3vw,48px)/.9 var(--fuente-titulo); letter-spacing:-1.8px; }
.inicio-marca:hover { color:#fff; }
.inicio-marca .logo-oficial { width:190px; }
.bienvenida-nombre img { width:clamp(170px,28vw,240px); height:auto; margin:auto; border-radius:12px; }
.inicio-marca span { color:var(--acento-vivo); display:block; font-size:15px; letter-spacing:7px; text-align:right; margin-top:9px; }
.inicio-nav { display:flex; align-items:center; justify-content:space-around; gap:26px; flex:1; }
.inicio-nav a,.inicio-cuenta { display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; text-decoration:none; font-weight:700; font-size:15px; padding:10px; }
.inicio-nav svg,.inicio-cuenta svg { width:32px; height:32px; }
.inicio-nav a[aria-current] span { border-bottom:3px solid #fff; padding-bottom:4px; }
.inicio-nav a:hover,.inicio-cuenta:hover { color:#fff; background:#ffffff18; border-radius:12px; }
.inicio-cuenta { font-size:12px; }
.inicio-accesos { display:flex; flex-direction:column; align-items:center; gap:4px; }
.inicio-personal { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 10px; color:#fff; border:1px solid #ffffff66; border-radius:12px; font-size:12px; text-decoration:none; }
.inicio-personal:hover { color:#fff; background:#ffffff18; }
.inicio-distribucion { width:100%; max-width:1600px; margin:0 auto; display:grid; grid-template-columns:245px minmax(0,1fr); gap:24px; padding:48px 24px; align-items:start; }
.inicio-lateral { padding-top:40px; }
.inicio-lateral details { border-bottom:1px solid #e8e8e8; }
.inicio-lateral summary,.lateral-contacto { display:flex; align-items:center; gap:14px; padding:22px 0; font-weight:700; color:#6a6a6a; font-size:16px; cursor:pointer; list-style:none; text-decoration:none; }
.inicio-lateral summary::-webkit-details-marker { display:none; }
.inicio-lateral svg { width:28px; height:28px; color:var(--color-inicio); flex:none; }
.inicio-lateral .signo,.lateral-contacto>span { margin-left:auto; font-size:22px; font-weight:400; }
.inicio-lateral details[open] .signo { transform:rotate(45deg); }
.inicio-lateral details>div { display:grid; gap:14px; padding:0 0 20px 42px; font-size:13px; }
.inicio-lateral details a { text-decoration:none; }
.inicio-titulo { font-family:var(--fuente); font-size:14px; color:#737373; font-weight:600; margin:0 0 20px; }
.inicio-tarjetas { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.promo { min-height:350px; padding:23px 16px 16px; display:flex; flex-direction:column; position:relative; overflow:hidden; border-radius:20px; background:linear-gradient(150deg,#eaf8fc,#b2e4ed); text-decoration:none; color:#243f6b; transition:transform .2s,box-shadow .2s; }
.promo:hover { transform:translateY(-4px); box-shadow:0 10px 24px #17345218; color:#243f6b; }
.promo-etiqueta { display:block; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:13px; }
.promo h2 { font-size:15px; line-height:1.3; font-family:var(--fuente); }
.promo h2 strong { display:block; font:italic 900 clamp(23px,2.1vw,34px)/1 var(--fuente-titulo); color:var(--color-inicio); margin-top:6px; letter-spacing:-.5px; }
.promo p { font-size:12px; margin-top:10px; }
.promo-paquete { width:100%; margin:auto 0; }
.promo-accion { display:flex; align-items:center; justify-content:space-between; gap:5px; font-size:11px; font-weight:700; margin-top:auto; padding-top:16px; }
.promo-accion b { font-size:20px; }
.promo-historial { background:radial-gradient(ellipse at center,#f2feff,#a9dfe9); }
.promo-telefono { align-self:center; width:110px; background:#fff; border:5px solid #29436b; border-radius:18px; padding:14px 8px; margin:20px 0 0; transform:rotate(-5deg); box-shadow:8px 8px 0 #498b9f20; text-align:center; }
.promo-telefono>span { font:bold italic 13px var(--fuente-titulo); color:var(--color-inicio); }
.promo-telefono svg { width:36px; height:36px; margin:14px auto; color:var(--color-inicio); }
.promo-telefono b { display:block; font-size:9px; }
.promo-telefono i { display:block; background:var(--color-inicio); color:#fff; border-radius:5px; padding:6px 2px; margin-top:18px; font-size:7px; font-style:normal; }
.promo-agencia { background:linear-gradient(145deg,#bbe6ee,#e5f7fb); }
.promo-tienda { width:130px; align-self:center; margin:auto 0 16px; transform:rotate(-5deg); }
.tienda-letrero { background:#284574; color:#fff; font:bold italic 17px var(--fuente-titulo); padding:9px; border-radius:6px 6px 0 0; text-align:center; }
.tienda-toldo { height:23px; background:repeating-linear-gradient(90deg,var(--acento) 0 19px,#fff 19px 38px); border-radius:0 0 6px 6px; }
.tienda-base { background:#16851b; height:90px; display:flex; justify-content:space-around; align-items:end; padding:12px 8px 0; }
.tienda-base span { width:42px; height:47px; background:#b8e5f0; border:4px solid white; align-self:center; }
.tienda-base i { width:34px; height:65px; background:#25436c; border:3px solid white; border-bottom:0; }
.promo-seguridad { background:linear-gradient(150deg,#18304d,#091725); color:#fff; }
.promo-seguridad:hover { color:#fff; }
.promo-seguridad h2 strong { color:#fff; }
.seguridad-icono { width:85px; height:85px; color:#65d51c; align-self:center; margin:22px 0 10px; }
.inicio-destacados { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.destacado { display:flex; align-items:center; min-height:270px; padding:30px 24px; border-radius:25px; background:linear-gradient(130deg,#bbe5ed,#edf9fc); text-decoration:none; color:#243f6b; overflow:hidden; }
.destacado:hover { color:#243f6b; box-shadow:0 10px 24px #17345218; }
.destacado>div { flex:1; }
.destacado h2 { font-size:28px; font-style:italic; }
.destacado h2 strong { color:var(--color-inicio); }
.destacado p { font-size:12px; margin:14px 0; }
.destacado-accion { font-size:12px; font-weight:700; }
.destacado>svg { width:85px; height:85px; color:var(--color-inicio); transform:rotate(-12deg); margin-left:15px; }
.destacado>img { width:42%; margin-right:-25px; }
.ayuda-consejo { margin:0; color:#666; font-size:13px; }
.inicio-lateral .ayuda-consejo summary { cursor:pointer; font-size:13px; font-weight:700; padding:10px 0; }
.ayuda-consejo p { margin:10px 0; }
.inicio-busqueda { border:1px solid #e5e7eb; border-radius:20px; padding:24px; margin-top:24px; }
.inicio-busqueda h2 { font-size:21px; }
.inicio-busqueda form { max-width:520px; }
.inicio-busqueda label { display:block; margin:15px 0 8px; font-size:12px; }
.pagina-inicio .contacto-whatsapp { background:var(--acento); }
.pagina-inicio #pie { background:var(--color-inicio); color:#fff; }
.pagina-inicio #pie .logo-texto small { color:#fff; }
.pagina-inicio #pie .pie-legal { background:var(--marca-oscuro); border-top-color:rgba(255,255,255,.25); }
@media(max-width:1200px) { .inicio-distribucion { grid-template-columns:195px minmax(0,1fr); gap:22px; } .inicio-cab-interior { gap:20px; } }
@media(max-width:850px) { .inicio-distribucion { grid-template-columns:1fr; padding:24px 18px; } .inicio-lateral { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; padding:0; } .inicio-lateral summary,.lateral-contacto { font-size:14px; padding:14px 0; } .inicio-cab-interior { flex-wrap:wrap; padding:22px 18px 12px; justify-content:space-between; gap:20px; } .inicio-marca { font-size:36px; } .inicio-nav { order:3; flex-basis:100%; gap:0; } .inicio-nav a { font-size:12px; padding:9px 6px; } .inicio-nav svg { width:26px; height:26px; } .promo { min-height:340px; } }
@media(max-width:560px) { .inicio-tarjetas { grid-template-columns:1fr 1fr; gap:12px; } .promo { min-height:330px; padding:20px 15px 14px; } .promo h2 strong { font-size:28px; } .inicio-destacados { grid-template-columns:1fr; } .destacado { min-height:225px; } .inicio-busqueda .fila-input { flex-wrap:wrap; } .inicio-busqueda input { min-width:0; width:100%; } }
@keyframes entrada-inicio {
  from { opacity:0; translate:0 18px; }
  to { opacity:1; translate:0 0; }
}
@media (prefers-reduced-motion:no-preference) {
  .inicio-marca,.inicio-nav,.inicio-cuenta,.inicio-lateral,.inicio-titulo,
  .promo,.destacado,.inicio-busqueda { animation:entrada-inicio .55s ease-out backwards; }
  .inicio-nav { animation-delay:.06s; }
  .inicio-lateral { animation-delay:.1s; }
  .promo:nth-child(1) { animation-delay:.12s; }
  .promo:nth-child(2) { animation-delay:.19s; }
  .promo:nth-child(3) { animation-delay:.26s; }
  .promo:nth-child(4) { animation-delay:.33s; }
  .destacado:nth-child(1) { animation-delay:.38s; }
  .destacado:nth-child(2) { animation-delay:.44s; }
  .inicio-busqueda { animation-delay:.48s; }
  .promo-paquete,.promo-telefono,.promo-tienda,.seguridad-icono,
  .destacado>svg,.destacado>img,.promo-accion b,.inicio-nav svg { transition:translate .25s ease,scale .25s ease; }
  .inicio-nav a:hover svg,.inicio-nav a:focus-visible svg { translate:0 -4px; }
  .promo:focus-visible { transform:translateY(-4px); }
  .promo:focus-visible .promo-accion b { translate:3px -3px; }
  .inicio-lateral .signo { transition:transform .2s ease; }
  .inicio-lateral details[open]>div { animation:entrada-inicio .22s ease-out; }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .promo:hover .promo-paquete,.promo:hover .promo-tienda { translate:0 -6px; scale:1.04; }
  .promo:hover .promo-telefono,.promo:hover .seguridad-icono { translate:0 -5px; }
  .promo:hover .promo-accion b { translate:3px -3px; }
  .destacado:hover>svg,.destacado:hover>img { translate:0 -4px; scale:1.04; }
}
@media(prefers-reduced-motion:reduce) {
  .promo,.destacado { transition:none; }
  .promo:hover,.promo:focus-visible { transform:none; }
}
@media print { .inicio-cabecera,.inicio-lateral { display:none!important; } .inicio-distribucion { display:block; } }

/* Bienvenida: acelera, frena y confirma la llegada en un recorrido breve. */
.bienvenida { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 45%,#edf6fb 0,#fff 65%); pointer-events:none; animation:cerrar-bienvenida .4s 3.6s ease-in forwards; }
.bienvenida-contenido { text-align:center; padding:24px; width:100%; }
.bienvenida-etiqueta { display:block; color:#687582; font-size:12px; letter-spacing:.08em; animation:nombre-bienvenida .4s ease-out both; }
.bienvenida-escena { --ancho-escena:min(84vw,720px); --ancho-carrito:clamp(140px,28vw,210px); width:var(--ancho-escena); height:240px; margin:20px auto 26px; position:relative; }
.bienvenida-carretera { position:absolute; bottom:24px; width:100%; height:5px; background:#cbdbe5; border-radius:9px; }
.bienvenida-carretera::after { content:''; position:absolute; top:12px; left:0; right:0; height:3px; border-radius:4px; background:repeating-linear-gradient(90deg,#d8e5ed 0 24px,transparent 24px 48px); animation:carretera-avanza 2.3s .2s cubic-bezier(.35,.02,.2,1) both; }
.bienvenida-carrito { position:absolute; left:0; bottom:15px; width:var(--ancho-carrito); z-index:2; animation:viaje-carrito 2.3s .2s cubic-bezier(.35,.02,.2,1) both; filter:drop-shadow(0 5px 5px #07356b12); }
.pagina-inicio .bienvenida svg { stroke:none; }
.bienvenida-carrito svg { width:100%; height:auto; overflow:visible; }
.bienvenida-carrito::before { content:''; position:absolute; top:55%; left:-40px; width:40px; height:3px; border-radius:9px; background:var(--acento-vivo); box-shadow:-12px 9px 0 #a4cce1,-4px -9px 0 #a4cce1; animation:estela-carrito 2.3s .2s ease both; }
.carrito-carroceria { transform-origin:110px 105px; animation:suspension-carrito 2.3s .2s ease both; }
.carrito-rueda { transform-box:fill-box; transform-origin:center; animation:girar-rueda 2.3s .2s cubic-bezier(.35,.02,.2,1) both; }
.bienvenida-destino { position:absolute; right:0; bottom:32px; width:64px; color:#687582; }
.bienvenida-destino svg { width:52px; height:70px; margin:auto; animation:destino-llegada .45s 2.45s ease both; }
.bienvenida-destino span { display:block; font-size:10px; white-space:nowrap; }
.destino-check { stroke-dasharray:32; stroke-dashoffset:32; animation:llegada-destino .35s 2.55s ease-out forwards; }
.bienvenida-sol { position:absolute; top:15px; right:90px; width:40px; height:40px; border-radius:50%; background:#e1f3d6; box-shadow:0 0 0 12px #eef8e9; }
.bienvenida-nube { position:absolute; width:85px; height:15px; border-radius:30px; background:#dfedf4; animation:nube-avanza 2.3s .2s ease-out both; }
.bienvenida-nube::before { content:''; position:absolute; bottom:4px; left:15px; width:30px; height:28px; border-radius:50%; background:inherit; }
.nube-uno { top:40px; left:60px; }.nube-dos { top:75px; right:130px; width:60px; }
.bienvenida-nombre { font:italic 900 clamp(30px,6vw,60px)/1 var(--fuente-titulo); color:var(--marca); letter-spacing:-1px; animation:nombre-bienvenida .55s 2.15s ease-out both; }
.bienvenida-nombre span { color:var(--acento); display:block; font-size:.42em; letter-spacing:.28em; margin:12px 0 0 .28em; }
.bienvenida-frase { font-size:13px; color:#687582; margin-top:18px; animation:nombre-bienvenida .4s 2.55s ease-out both; }
.bienvenida-saltar { position:absolute; bottom:calc(28px + env(safe-area-inset-bottom,0px)); right:28px; border:1px solid #dbe5eb; border-radius:999px; background:#fff; padding:12px 18px; color:var(--marca-oscuro); font:600 12px var(--fuente); cursor:pointer; pointer-events:auto; min-height:44px; }
@keyframes viaje-carrito { from { transform:translateX(calc(-1 * var(--ancho-carrito))) scale(.95); opacity:0; } 14% { opacity:1; } to { transform:translateX(calc(var(--ancho-escena) - var(--ancho-carrito) - 65px)) scale(1); opacity:1; } }
@keyframes suspension-carrito { 0%,100% { transform:translateY(0) rotate(0); } 20% { transform:translateY(-2px) rotate(-1deg); } 35%,55% { transform:translateY(1px); } 45%,65% { transform:translateY(-1px); } 88% { transform:translateY(1px) rotate(1deg); } }
@keyframes girar-rueda { to { transform:rotate(1080deg); } }
@keyframes carretera-avanza { to { background-position:-240px 0; } }
@keyframes nube-avanza { to { translate:-22px 0; } }
@keyframes estela-carrito { 0%,100% { opacity:0; scale:.5 1; } 20%,65% { opacity:.7; scale:1 1; } }
@keyframes destino-llegada { 50% { transform:translateY(-8px) scale(1.08); } }
@keyframes llegada-destino { to { stroke-dashoffset:0; } }
@keyframes nombre-bienvenida { from { opacity:0; translate:0 12px; filter:blur(3px); } to { opacity:1; translate:0 0; filter:blur(0); } }
@keyframes cerrar-bienvenida { to { opacity:0; visibility:hidden; } }
@media(max-width:560px) { .bienvenida-escena { height:185px; margin-bottom:18px; } .bienvenida-saltar { right:18px; } }
@media(max-height:550px) { .bienvenida-escena { height:125px; margin:8px auto; } .bienvenida-nombre { font-size:30px; } .bienvenida-frase { margin:12px 0 0; } }
@media(prefers-reduced-motion:reduce) { .bienvenida { display:none!important; } }
@media print { .bienvenida { display:none!important; } }
@media(max-width:560px) { .inicio-marca .logo-oficial { width:150px; } }
@media(max-height:550px) { .bienvenida-nombre img { width:140px; } }

/* Accesos principales primero y navegación cómoda con una mano. */
@media (max-width:850px) {
  .inicio-contenido { min-width:0; grid-row:1; }
  .inicio-lateral { grid-row:2; margin-top:8px; }
  .inicio-cab-interior { min-height:0; padding-top:12px; gap:12px; }
  .inicio-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
  .inicio-nav a { min-width:0; min-height:64px; gap:6px; }
  .inicio-cuenta { min-width:64px; min-height:44px; }
  .inicio-lateral details>div { padding-left:0; overflow-wrap:anywhere; }
  .inicio-lateral details a { display:block; min-height:44px; padding:10px 0; }
}
@media (max-width:600px) {
  .inicio-distribucion { padding:24px 16px; gap:24px; }
  .inicio-marca .logo-oficial { width:120px; }
  .inicio-titulo { font-size:20px; line-height:1.3; color:var(--marca); margin-bottom:18px; }
  .inicio-tarjetas { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .promo { min-height:310px; padding:18px 12px 14px; border-radius:16px; }
  .promo h2 { font-size:14px; }
  .promo h2 strong { font-size:clamp(20px,5.6vw,30px); overflow-wrap:anywhere; }
  .promo-etiqueta { font-size:10px; letter-spacing:.04em; }
  .promo-accion { font-size:12px; min-height:44px; }
  .promo-telefono { width:96px; margin-top:14px; }
  .promo-tienda { width:112px; }
  .inicio-destacados { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:12px; }
  .destacado { min-height:200px; padding:24px 18px; border-radius:16px; }
  .destacado h2 { font-size:26px; }
  .destacado>div { min-width:0; }
  .destacado>svg { flex:none; width:64px; height:64px; margin-left:10px; }
  .destacado>img { width:35%; margin-right:-12px; }
  .inicio-busqueda { padding:18px; border-radius:16px; }
  .inicio-busqueda h2 { font-size:21px; }
  .inicio-busqueda label { font-size:14px; }
  .inicio-lateral { grid-template-columns:minmax(0,1fr); }
  .inicio-lateral summary,.lateral-contacto { min-height:56px; font-size:15px; }
}

.movil-portada { display:none; }
@media(max-width:850px) {
  .pagina-inicio .inicio-cab-interior { min-height:76px; padding:10px 76px 10px 20px; }
  .pagina-inicio .inicio-nav,.pagina-inicio .inicio-accesos { display:none; }
  .movil-portada { display:flex; flex-direction:column; position:relative; overflow:hidden; background:radial-gradient(ellipse at 20% 80%,#2580b7 0,transparent 60%),linear-gradient(180deg,#05264d,#07356b 60%,#12789a); color:white; min-height:calc(100svh - 76px); padding:36px 24px 24px; }
  .movil-saludo h1 { font:800 clamp(30px,8vw,42px)/1.2 var(--fuente); margin:0 0 8px; overflow-wrap:anywhere; }
  .movil-saludo p { font-size:20px; margin:0; }
  .movil-rastreo { position:relative; z-index:1; width:100%; max-width:420px; margin:40px auto 12px; padding:28px 24px; background:white; color:var(--marca); border-radius:28px; box-shadow:0 14px 35px #001b3c30; }
  .movil-rastreo h2 { text-align:center; font-size:26px; margin:0 0 6px; }
  .movil-rastreo p { text-align:center; color:var(--texto-2); font-size:13px; margin:0 0 20px; }
  .movil-rastreo label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
  .movil-rastreo input { min-height:58px; border-radius:12px; }
  .movil-rastreo .boton { width:100%; min-height:56px; border-radius:12px; background:var(--acento); margin-top:20px; }
  .movil-paisaje { min-height:120px; flex:1; position:relative; margin:0 -24px; background:radial-gradient(ellipse at bottom,#9bdcec 0,transparent 70%); }
  .movil-paisaje img { width:110px; position:absolute; bottom:25px; left:28px; filter:drop-shadow(0 8px 10px #00254b30); }
  .paisaje-sol { position:absolute; right:50px; bottom:65px; width:42px; height:42px; border-radius:50%; background:#e4f7ce; }
  .paisaje-cerro { position:absolute; bottom:24px; right:-30px; width:220px; height:85px; background:#16851b; border-radius:100% 100% 0 0; transform:rotate(-6deg); }
  .paisaje-ruta { position:absolute; bottom:12px; height:12px; width:100%; background:repeating-linear-gradient(90deg,#eef4fb 0 24px,transparent 24px 48px); border-top:5px solid #254d67; border-bottom:5px solid #254d67; }
  .movil-enviar { z-index:1; border-radius:12px; width:100%; max-width:420px; margin:8px auto 0; }
  .pagina-inicio .inicio-busqueda { display:none; }
  .pagina-inicio .contacto-whatsapp { position:static; align-self:center; margin:12px; }
}

/* Inicio móvil: rastreo y carro; el resto se consulta desde los tres puntos. */
@media(max-width:850px) {
  .pagina-inicio { padding-bottom:0; }
  .pagina-inicio .inicio-distribucion,.pagina-inicio #pie,.pagina-inicio>.contacto-whatsapp { display:none; }
  .pagina-inicio .bienvenida { display:none!important; }
  .movil-portada { padding-bottom:calc(20px + env(safe-area-inset-bottom,0px)); }
  .movil-paisaje { min-height:145px; }
  .movil-carrito { position:absolute; left:0; bottom:15px; width:150px; z-index:2; }
  .movil-carrito img { position:static; display:block; width:100%; height:auto; filter:drop-shadow(0 5px 6px #00254b30); }
  .paisaje-ruta { height:22px; bottom:8px; background-color:#254d67; background-size:48px 100%; }
}
@media(max-width:850px) and (prefers-reduced-motion:no-preference) {
  .movil-carrito { animation:carro-movil-viaje 7s ease-in-out infinite; }
  .movil-carrito img { animation:carro-movil-suspension .7s ease-in-out infinite alternate; }
  .paisaje-ruta { animation:carretera-avanza 3s linear infinite; }
}
@keyframes carro-movil-viaje {
  0% { left:-150px; }
  35%,60% { left:calc(50% - 75px); }
  95%,100% { left:100%; }
}
@keyframes carro-movil-suspension { to { transform:translateY(-2px); } }
@media(max-width:850px) and (max-height:700px) {
  .pagina-inicio .inicio-marca .logo-oficial { width:84px; }
  .pagina-inicio .inicio-cab-interior { min-height:68px; }
  .movil-portada { min-height:calc(100svh - 68px); padding:14px 20px calc(12px + env(safe-area-inset-bottom,0px)); }
  .movil-saludo h1 { font-size:28px; margin-bottom:2px; }
  .movil-saludo p { font-size:16px; }
  .movil-rastreo { margin-top:16px; padding:18px; border-radius:24px; }
  .movil-rastreo h2 { font-size:22px; }
  .movil-rastreo p { margin-bottom:12px; font-size:12px; }
  .movil-rastreo input { min-height:48px; }
  .movil-rastreo .boton { min-height:48px; margin-top:12px; }
  .movil-paisaje { min-height:100px; margin:0 -20px; }
  .movil-carrito { width:125px; }
  .movil-enviar { min-height:44px; padding:8px 16px; margin-top:0; }
}

/* Cielo según la hora local: día de 06:00 a 18:00. */
.paisaje-luna,.paisaje-estrellas,.paisaje-nube { display:none; }
@media(max-width:850px) {
  [data-cielo=dia] .movil-portada { background:linear-gradient(180deg,#236b9d,#64bdd5); }
  [data-cielo=dia] .paisaje-sol { background:#ffe18a; box-shadow:0 0 0 8px #ffe18a25,0 0 28px #ffe18a60; }
  [data-cielo=dia] .paisaje-nube { display:block; position:absolute; width:65px; height:17px; border-radius:30px; background:#ffffffc9; }
  .paisaje-nube::before,.paisaje-nube::after { content:''; position:absolute; border-radius:50%; background:inherit; }
  .paisaje-nube::before { width:28px; height:28px; left:12px; bottom:5px; }
  .paisaje-nube::after { width:22px; height:22px; right:9px; bottom:3px; }
  .nube-a { left:8%; top:20px; }
  .nube-b { right:9%; top:38px; width:48px; opacity:.8; }
  [data-cielo=noche] .movil-portada { background:radial-gradient(ellipse at bottom,#164b79,transparent 70%),linear-gradient(180deg,#08172e,#102643); }
  [data-cielo=noche] .movil-paisaje { background:radial-gradient(ellipse at bottom,#235473,transparent 70%); }
  [data-cielo=noche] .paisaje-sol { display:none; }
  [data-cielo=noche] .paisaje-luna { display:block; position:absolute; right:50px; bottom:65px; width:42px; height:42px; border-radius:50%; background:#f2f3dc; box-shadow:0 0 24px #f2f3dc35; }
  .paisaje-luna::after { content:''; position:absolute; width:32px; height:32px; border-radius:50%; background:#102643; left:-4px; top:-3px; }
  [data-cielo=noche] .paisaje-estrellas { display:block; position:absolute; inset:0 0 35px; background-image:radial-gradient(circle at 8% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 24% 46%,#d7eeff 0 1.5px,transparent 2px),radial-gradient(circle at 41% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 57% 43%,#fff 0 1px,transparent 2px),radial-gradient(circle at 71% 8%,#d7eeff 0 1px,transparent 2px),radial-gradient(circle at 92% 29%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 15% 74%,#fff 0 1px,transparent 2px); }
  [data-cielo=noche] .paisaje-cerro { background:#14503c; }
}
@media(max-width:850px) {
  .paisaje-sol,[data-cielo=noche] .paisaje-luna { top:18px; bottom:auto; right:38px; z-index:1; }
  .paisaje-nube { z-index:1; }
}