/* Superficies más suaves; no afecta al contenido de iframes o capturas. */
:root{--monte:#29452e;--noche:#17291d;--crema:#eeeade;--papel:#f5f1e5;--kraft:#e5dcc8;--carbon:#343a33;--gris:#595e54;--linea:#d5cfbd;--yema:#dfb450}
body{background:#eeeade;color:#343a33}
body.dark{--crema:#1b281f;--papel:#29372d;--kraft:#303d31;--carbon:#e5e4d9;--gris:#c2c9b8;--linea:#4c5b4b;background:#1b281f;color:#e5e4d9}
.hero,.cierre{background-color:#29452e}.aviso{background:#203626}
body.dark .hero,body.dark .cierre{background-color:#263c2d}
:is(.beneficios-grid article,.kit-card,.caja,.manera,.cred,.esc-card,.boleto,.hoja,.lamina){box-shadow:0 6px 18px #19351b0a}
body:not(.dark) :is(.lamina,.manera,.hoja){background:#f5f1e5}
body.dark :is(.beneficios-grid article,.manera,.esc-card,.cred,.hoja,.kit-card,.proximo,.lamina){background:#29372d}
body.dark :is(.area,.caja,.boleto,.manera,.lamina){border-color:#596d51}
.producto-real img{box-shadow:0 10px 24px #10201630;border-color:#203626}
.cinta{background:#dfb450;border-block-width:1px}
:is(.area,.caja,.manera,.kit-card,.lamina){border-width:1px}
.btn,.demo-page .download{background:#dfb450;color:#1d1600;box-shadow:none}
body:not(.dark) :is(.entrance-heading,.pista,.entrance-footer){background:#f5f1e5}
body.dark :is(.entrance-heading,.pista,.entrance-footer){background:#1b281f}
body.dark .app{background:#1b281f}.app[data-escena="puertas"],body.dark .app[data-escena="puertas"]{background:transparent}
body:not(.dark) .p-yo .door-copy{background:#f5f1e5}body.dark .p-yo .door-copy{background:#29372d}
body:not(.dark) .p-aves .door-copy{background:#29452e}body.dark .p-aves .door-copy{background:#293f2d}
body:not(.dark) .p-vacas .door-copy{background:#f1e5d3}body.dark .p-vacas .door-copy{background:#352b21}
.puerta,.puerta:hover{box-shadow:0 6px 20px #19351b12}
.entry-pampa{filter:saturate(.8)}.entry-pampa::after{background:linear-gradient(#f5f1e524,#f5f1e50b 40%,#16351b18)}
body.dark .entry-pampa::after{background:linear-gradient(#18251e24,#18251e0a 45%,#18251e24)}
body:not(.dark) .app:not([data-escena="carga"]) .marca .nombre{background:#f5f1e5!important}body.dark .app:not([data-escena="carga"]) .marca .nombre{background:#1b281f!important}
.app[data-escena="carga"] .marca .nombre{color:#f5f1e5}
body.dark :is(h1,h2){color:#e5e4d9}
.demo-device{box-shadow:0 10px 24px #19351b18}
body:not(.dark) .entrance-heading .eyebrow,body:not(.dark) .p-yo .door-copy small{color:#60694f}

.entry-landscape #entry-field{opacity:.78}