/* ==================================================================
   PORTADA · Letrero colgante de madera sobre el video (#inicio)
   Todo va bajo #inicio para no tocar el resto del sitio.
   La tipografía y los colores del letrero van además dentro de
   @layer portada-tipo con !important: styles.css fuerza Space Mono y otros
   colores con !important y mucha especificidad; una declaración !important
   dentro de una capa gana a cualquier !important sin capa.
   ================================================================== */
#inicio{ --verde-noche:#0F2219; --verde-marca:#123528; --verde-hoja:#0B6B3E; --pintura-alta:rgba(36,64,47,.89); --pintura-media:rgba(31,58,43,.90); --pintura-baja:rgba(26,50,37,.91); --oro:#C6A664; --oro-claro:#D9C08A; --oro-oscuro:#7A5D2C; --crema:#EFE7D8; --crema-calida:#EEDCAB; --arena:#F3EEE2; --terracota:#B5553B; --tinta:#173326; --madera-base:#3B2A1D; --romana:'Cinzel','Trajan Pro',Georgia,serif; --libro:'Libre Caslon Text','Big Caslon',Georgia,'Times New Roman',serif; --nav-h:84px; --alto:100vh; --u:clamp(0.58px, min(100vw / 1180, (var(--alto) - var(--nav-h)) / 980), 0.95px); --madera:url("/assets/texturas/madera-oscura.webp"); --forma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 7.2Q3.4 7.2 3.4 4.2C17 1.2 33 0 50 0S83 1.2 96.6 4.2Q96.6 7.2 100 7.2V95.6Q96.6 95.6 96.6 98.2C83 98.6 67 100 50 100S17 98.6 3.4 98.2Q3.4 95.6 0 95.6Z'/%3E%3C/svg%3E"); }
@supports (height:100svh){
  #inicio{ --alto:100svh; }
}
#inicio a:focus-visible, #inicio button:focus-visible{ outline:3px solid #F6E7B8; outline-offset:3px; box-shadow:0 0 0 7px rgba(10,22,15,.9); }
#inicio{ position:relative; isolation:isolate; overflow:hidden; min-height:var(--alto); display:flex; align-items:stretch; background:#2A3324; }
#inicio .hero-fondo{ position:absolute; inset:0; z-index:-1; }
#inicio .hero-poster, #inicio .hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#inicio .hero-video{ opacity:0; transition:opacity .8s ease; }
#inicio .hero-video.esta-listo{ opacity:1; }
#inicio .hero-velo{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg, rgba(10,16,10,.30) 0%, rgba(10,16,10,.08) 14%, rgba(10,16,10,0) 24%); }
#inicio .video-control{ position:absolute; right:24px; bottom:24px; z-index:6; width:44px; height:44px; border-radius:50%; padding:0; display:grid; place-items:center; cursor:pointer; background:rgba(15,34,25,.82); color:var(--crema); border:1.5px solid var(--oro); }
#inicio .video-control svg{ width:18px; height:18px; }
#inicio .video-control .icono-play{ display:none; }
#inicio .video-control.esta-pausado .icono-play{ display:block; }
#inicio .video-control.esta-pausado .icono-pausa{ display:none; }
#inicio .letrero{ position:relative; flex:none; width:calc(484 * var(--u)); margin-left:max(24px, 5vw); padding-top:calc(var(--nav-h) + 18 * var(--u)); padding-bottom:calc(8 * var(--u)); display:flex; flex-direction:column; align-items:center; }
#inicio .poste{ position:absolute; z-index:1; top:calc(var(--nav-h) + 6 * var(--u)); bottom:0; width:calc(30 * var(--u)); clip-path:polygon(0 calc(5 * var(--u)), 18% 0, 82% 0, 100% calc(5 * var(--u)), 100% 100%, 0 100%); background:
      linear-gradient(90deg, rgba(10,6,3,.66) 0%, rgba(10,6,3,.14) 26%, rgba(255,214,160,.07) 48%, rgba(10,6,3,.10) 72%, rgba(10,6,3,.64) 100%),
      linear-gradient(180deg, rgba(10,6,3,.30) 0%, rgba(10,6,3,0) 18%, rgba(10,6,3,0) 70%, rgba(10,6,3,.45) 100%),
      var(--madera) calc(-30 * var(--u)) 0 / calc(210 * var(--u)) 100% no-repeat; background-color:var(--madera-base); }
#inicio .poste-izq{ left:0; }
#inicio .poste-der{ right:0; background-position:0 0, 0 0, calc(-120 * var(--u)) 0; }
#inicio .travesano{ position:relative; z-index:3; overflow:hidden; flex:none; width:calc(100% + 40 * var(--u)); height:calc(26 * var(--u)); border-radius:calc(2 * var(--u)); background:var(--madera-base); box-shadow:0 calc(6 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.42); }
#inicio .travesano::before{ content:""; position:absolute; left:50%; top:50%; width:calc(26 * var(--u)); height:calc(560 * var(--u)); transform:translate(-50%,-50%) rotate(90deg); background:
      linear-gradient(90deg, rgba(10,6,3,.62) 0%, rgba(10,6,3,.10) 32%, rgba(255,214,160,.06) 55%, rgba(10,6,3,.62) 100%),
      var(--madera) calc(-52 * var(--u)) 0 / calc(182 * var(--u)) 100% no-repeat; }
#inicio .travesano::after{ content:""; position:absolute; inset:0; background:
      radial-gradient(circle at calc(35 * var(--u)) 50%, #DDC48C 0, #8A6D35 calc(2.4 * var(--u)), #3A2C14 calc(3.6 * var(--u)), transparent calc(4.4 * var(--u))),
      radial-gradient(circle at calc(100% - 35 * var(--u)) 50%, #DDC48C 0, #8A6D35 calc(2.4 * var(--u)), #3A2C14 calc(3.6 * var(--u)), transparent calc(4.4 * var(--u))); }
#inicio .colgante{ position:relative; z-index:2; width:calc(380 * var(--u)); margin-top:calc(34 * var(--u)); transform-origin:50% calc(-34 * var(--u)); filter:
      drop-shadow(0 calc(18 * var(--u)) calc(16 * var(--u)) rgba(0,0,0,.36))
      drop-shadow(0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.32)); }
#inicio .cadena{ position:absolute; z-index:3; top:calc(-38 * var(--u)); width:calc(11 * var(--u)); height:calc(57 * var(--u)); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18'%3E%3Cellipse cx='5.5' cy='5' rx='3.6' ry='4.4' fill='none' stroke='%231d1a17' stroke-width='2.6'/%3E%3Cellipse cx='5.5' cy='5' rx='3.6' ry='4.4' fill='none' stroke='%238d857b' stroke-width='1.5'/%3E%3Cpath d='M2.6 3.4a3.6 4.4 0 0 1 4-2.3' fill='none' stroke='%23d6cdc0' stroke-width='.8' stroke-linecap='round'/%3E%3Crect x='4' y='8.2' width='3' height='10.4' rx='1.5' fill='%231d1a17'/%3E%3Crect x='4.5' y='8.6' width='2' height='9.6' rx='1' fill='%237d756b'/%3E%3Crect x='4.9' y='9.4' width='.7' height='8' rx='.35' fill='%23cfc6b9'/%3E%3C/svg%3E") 0 0 / 100% auto repeat-y; }
#inicio .cadena-izq{ left:calc(15% - 5.5 * var(--u)); }
#inicio .cadena-der{ right:calc(15% - 5.5 * var(--u)); }
#inicio .cadena::before{ content:""; position:absolute; left:50%; top:0; width:calc(13 * var(--u)); height:calc(12 * var(--u)); transform:translateX(-50%); border:calc(2.4 * var(--u)) solid #2A2520; border-top:0; border-radius:0 0 calc(6 * var(--u)) calc(6 * var(--u)); box-shadow:inset 0 calc(-1 * var(--u)) 0 rgba(200,190,175,.35), 0 1px 1px rgba(0,0,0,.5); }
#inicio .cadena::after{ content:""; position:absolute; left:50%; bottom:calc(-3 * var(--u)); width:calc(10 * var(--u)); height:calc(10 * var(--u)); transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle at 38% 35%, #E6D29E 0, #A8874A 45%, #4A3A1C 100%); box-shadow:0 1px 2px rgba(0,0,0,.55); }
#inicio .tablero{ position:relative; padding:calc(10 * var(--u)); -webkit-mask:var(--forma) 0 0 / 100% 100% no-repeat; mask:var(--forma) 0 0 / 100% 100% no-repeat; background:
      linear-gradient(180deg, rgba(110,70,38,.30), rgba(30,18,9,.50)),
      var(--madera) 50% 0 / calc(260 * var(--u)) auto; background-color:#4A3020; }
#inicio .tablero-pintura{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:calc(54 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u)); -webkit-mask:var(--forma) 0 0 / 100% 100% no-repeat; mask:var(--forma) 0 0 / 100% 100% no-repeat; background:
      radial-gradient(120% 55% at 28% 0%, rgba(255,226,170,.07), rgba(255,226,170,0) 62%),
      linear-gradient(180deg, var(--pintura-alta) 0%, var(--pintura-media) 50%, var(--pintura-baja) 100%),
      var(--madera) 50% 0 / calc(320 * var(--u)) auto; background-color:#1F3A2B; color:var(--crema); }
#inicio .tablero-pintura > *{ position:relative; }
#inicio .tablero-pintura > .tablero-filete{ position:absolute; top:calc(9 * var(--u)); left:calc(9 * var(--u)); width:calc(100% - 18 * var(--u)); height:calc(100% - 18 * var(--u)); color:var(--oro); pointer-events:none; overflow:visible; }
#inicio .tablero-filete path{ vector-effect:non-scaling-stroke; }
#inicio .tablero-montes{ width:calc(96 * var(--u)); height:auto; color:var(--oro); margin-bottom:calc(6 * var(--u)); }
#inicio .tablero-marca{ margin:0; font-family:var(--romana); font-weight:500; font-size:calc(46 * var(--u)); line-height:1; letter-spacing:.24em; padding-left:.24em; color:var(--crema); }
#inicio .tablero-logo{ margin:calc(2 * var(--u)) 0 0; line-height:0; }
#inicio .tablero-logo img{ display:block; width:calc(214 * var(--u)); height:auto; filter:drop-shadow(0 2px 0 rgba(0,0,0,.25)); }
@media (min-width: 1000px) and (min-height: 800px){
  #inicio .tablero .tablero-lema{ white-space:nowrap; font-size:max(9.5px, calc(13 * var(--u))); letter-spacing:.08em; padding-left:.08em; }
}
@media (max-width: 719.98px){
  #inicio .tablero .tablero-lema{ white-space:nowrap; }
}
#inicio .filete-hoja{ width:calc(208 * var(--u)); height:auto; color:var(--oro); margin:calc(6 * var(--u)) 0 calc(7 * var(--u)); }
#inicio .tablero-lema{ margin:0; font-family:var(--romana); font-weight:600; font-size:max(11px, calc(12 * var(--u))); line-height:1.5; letter-spacing:.12em; padding-left:.12em; text-transform:uppercase; color:var(--oro-claro); text-wrap:balance; }
#inicio .tablero-sitio{ margin:calc(14 * var(--u)) 0 0; font-family:var(--libro); font-weight:400; font-size:max(14px, calc(17 * var(--u))); line-height:1.3; color:var(--crema); text-wrap:pretty; }
#inicio .tablero-titular{ margin:calc(12 * var(--u)) 0 0; font-family:var(--libro); font-weight:700; font-size:calc(54 * var(--u)); line-height:1.04; letter-spacing:-.005em; color:var(--crema-calida); text-shadow:0 2px 0 rgba(0,0,0,.25); }
#inicio .tablero-titular span{ display:block; }
#inicio .filete{ display:block; flex:none; width:82%; height:max(1px, calc(1.2 * var(--u))); margin:calc(16 * var(--u)) 0; background:linear-gradient(90deg, rgba(198,166,100,0), var(--oro) 18%, var(--oro) 82%, rgba(198,166,100,0)); }
#inicio .tablero-acciones{ display:flex; flex-direction:column; gap:calc(9 * var(--u)); width:100%; max-width:calc(272 * var(--u)); }
#inicio .boton{ display:flex; align-items:center; justify-content:center; text-align:center; min-height:max(44px, calc(46 * var(--u))); padding:calc(10 * var(--u)) calc(16 * var(--u)); font-family:var(--romana); font-weight:600; font-size:max(11.5px, calc(12.5 * var(--u))); line-height:1.2; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:background-color .2s ease, color .2s ease, border-color .2s ease; }
#inicio .boton-principal{ background:var(--crema); color:var(--tinta); box-shadow:inset 0 0 0 3px var(--crema), inset 0 0 0 4px rgba(23,51,38,.5); }
#inicio .boton-principal:hover{ background:var(--crema-calida); box-shadow:inset 0 0 0 3px var(--crema-calida), inset 0 0 0 4px rgba(23,51,38,.5); }
#inicio .boton-principal:focus-visible{ box-shadow:inset 0 0 0 3px var(--crema), inset 0 0 0 4px rgba(23,51,38,.5), 0 0 0 7px rgba(10,22,15,.9); }
#inicio .boton-secundario{ color:var(--crema); border:max(1px, calc(1.5 * var(--u))) solid var(--oro); background:rgba(0,0,0,.12); }
#inicio .boton-secundario:hover{ background:rgba(239,231,216,.10); border-color:var(--oro-claro); color:#FFF6E2; }
#inicio .tablero-contacto{ display:flex; align-items:center; gap:calc(12 * var(--u)); margin:calc(16 * var(--u)) 0 0; text-align:left; font-family:var(--libro); font-size:max(13px, calc(15 * var(--u))); line-height:1.3; color:var(--crema); }
#inicio .tablero-contacto .icono{ flex:none; width:calc(36 * var(--u)); height:calc(36 * var(--u)); min-width:28px; min-height:28px; display:grid; place-items:center; border-radius:50%; border:max(1px, calc(1.5 * var(--u))) solid var(--oro); color:var(--oro-claro); }
#inicio .tablero-contacto .icono svg{ width:54%; height:54%; }
#inicio .tablero-contacto a{ display:inline-block; padding:2px 0; font-family:var(--romana); font-weight:700; font-size:max(14px, calc(16.5 * var(--u))); letter-spacing:.08em; color:var(--oro-claro); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:rgba(217,192,138,.55); text-underline-offset:.22em; }
#inicio .tablero-contacto a:hover{ color:var(--crema); text-decoration-color:currentColor; }
#inicio .flechas{ position:absolute; z-index:4; left:calc(100% - 17 * var(--u)); top:calc(var(--nav-h) + 250 * var(--u)); display:flex; flex-direction:column; gap:calc(14 * var(--u)); }
#inicio .flechas ul{ display:contents; list-style:none; margin:0; padding:0; }
#inicio .flechas li{ display:contents; }
#inicio .flecha{ --punta:calc(24 * var(--u)); position:relative; isolation:isolate; display:flex; align-items:center; gap:calc(11 * var(--u)); width:calc(238 * var(--u)); height:calc(48 * var(--u)); min-height:40px; padding:0 calc(32 * var(--u)) 0 calc(24 * var(--u)); color:var(--crema); text-decoration:none; filter:drop-shadow(0 calc(6 * var(--u)) calc(6 * var(--u)) rgba(0,0,0,.42)); transition:transform .25s ease; }
#inicio .flecha-forma{ position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, #DCC387, #A9874A); clip-path:polygon(0 0, calc(100% - var(--punta)) 0, 100% 50%, calc(100% - var(--punta)) 100%, 0 100%); }
#inicio .flecha-forma::before{ content:""; position:absolute; inset:max(1.5px, calc(2 * var(--u))); clip-path:polygon(0 0, calc(100% - var(--punta) + 1px) 0, 100% 50%, calc(100% - var(--punta) + 1px) 100%, 0 100%); background:
      linear-gradient(180deg, var(--pintura-alta), var(--pintura-baja)),
      var(--madera) 0 0 / calc(240 * var(--u)) auto; background-color:#1F3A2B; }
#inicio .flecha:hover .flecha-forma::before{ background:
      linear-gradient(180deg, rgba(48,86,63,.94), rgba(37,68,50,.95)),
      var(--madera) 0 0 / calc(240 * var(--u)) auto; }
#inicio .flecha:hover{ transform:translateX(calc(5 * var(--u))); }
#inicio .flecha:hover .flecha-texto{ color:#FFF3D6; }
#inicio .flecha-perno{ position:absolute; left:calc(8 * var(--u)); top:50%; width:calc(9 * var(--u)); height:calc(9 * var(--u)); margin-top:calc(-4.5 * var(--u)); border-radius:50%; background:radial-gradient(circle at 35% 35%, #E6D29E 0, #A8874A 45%, #3D2F17 100%); box-shadow:0 1px 1px rgba(0,0,0,.5); }
#inicio .flecha-icono{ flex:none; display:grid; place-items:center; margin-left:calc(6 * var(--u)); width:calc(30 * var(--u)); height:calc(30 * var(--u)); min-width:24px; min-height:24px; border-radius:50%; border:1.5px solid var(--oro); color:var(--crema); }
#inicio .flecha-icono svg{ width:60%; height:60%; }
#inicio .flecha-texto{ font-family:var(--romana); font-weight:600; font-size:max(11px, calc(14 * var(--u))); line-height:1; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
#inicio .flecha-punta{ flex:none; margin-left:auto; width:calc(15 * var(--u)); height:auto; color:var(--oro-claro); }
#inicio .tablilla{ position:relative; z-index:2; flex:none; margin:calc(20 * var(--u)) 0 0; width:calc(100% + 16 * var(--u)); min-height:calc(46 * var(--u)); padding:calc(5 * var(--u)); border-radius:calc(3 * var(--u)); background:
      linear-gradient(180deg, rgba(110,70,38,.28), rgba(30,18,9,.5)),
      var(--madera) 0 50% / calc(300 * var(--u)) auto; background-color:#4A3020; box-shadow:0 calc(8 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.42); }
#inicio .tablilla-pintura{ position:relative; margin:0; display:flex; align-items:center; justify-content:center; gap:calc(12 * var(--u)); min-height:calc(36 * var(--u)); padding:calc(4 * var(--u)) calc(34 * var(--u)); border-radius:calc(2 * var(--u)); background:linear-gradient(180deg, var(--pintura-alta), var(--pintura-baja)); outline:max(1px, calc(1.2 * var(--u))) solid rgba(198,166,100,.8); outline-offset:calc(-5 * var(--u)); font-family:var(--romana); font-weight:600; font-size:max(11px, calc(13 * var(--u))); letter-spacing:.2em; text-transform:uppercase; color:var(--crema); white-space:nowrap; }
#inicio .tablilla-pintura svg{ flex:none; height:calc(16 * var(--u)); width:auto; color:var(--oro-claro); }
#inicio .tablilla::after{ content:""; position:absolute; inset:0; pointer-events:none; background:
      radial-gradient(circle at calc(23 * var(--u)) 50%, #E1CB95 0, #8A6D35 calc(2 * var(--u)), #3A2C14 calc(3 * var(--u)), transparent calc(3.8 * var(--u))),
      radial-gradient(circle at calc(100% - 23 * var(--u)) 50%, #E1CB95 0, #8A6D35 calc(2 * var(--u)), #3A2C14 calc(3 * var(--u)), transparent calc(3.8 * var(--u))); }
#inicio .colgante{ transform-style:preserve-3d; }
@media (prefers-reduced-motion: no-preference){
  #inicio .colgante{ animation:mecerse3d 7s ease-in-out .4s infinite; }
}
@media (min-width: 720px) and (max-height: 760px){
  #inicio{ --u:clamp(0.55px, min(100vw / 1180, (var(--alto) - var(--nav-h)) / 900), 0.95px); }
  #inicio .tablilla{ display:none; }
}
@media (max-width: 719.98px){
  #inicio{ --nav-h:84px; --u:clamp(0.72px, 100vw / 455, 0.88px); }
  #inicio{ flex-direction:column; justify-content:flex-end; align-items:center; padding:calc(var(--nav-h) + 72px) 16px 12px; }
  #inicio .hero-velo{ background:linear-gradient(0deg, rgba(10,16,10,.42) 0%, rgba(10,16,10,.12) 40%, rgba(10,16,10,0) 60%); }
  #inicio .video-control{ top:calc(var(--nav-h) + 12px); right:12px; bottom:auto; }
  #inicio .letrero{ width:100%; max-width:calc(380 * var(--u)); margin:0; padding:0; align-items:stretch; }
  #inicio .poste, #inicio .travesano, #inicio .cadena, #inicio .tablilla{ display:none; }
  #inicio .colgante{ width:100%; margin-top:0; filter:drop-shadow(0 10px 14px rgba(0,0,0,.42)) drop-shadow(0 2px 3px rgba(0,0,0,.3)); }
  #inicio .tablero{ padding:calc(8 * var(--u)); }
  #inicio .tablero-pintura{ padding:calc(28 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)); }
  #inicio .tablero-pintura > .tablero-filete{ top:calc(8 * var(--u)); left:calc(8 * var(--u)); width:calc(100% - 16 * var(--u)); height:calc(100% - 16 * var(--u)); }
  #inicio .tablero-montes{ width:calc(60 * var(--u)); margin-bottom:calc(3 * var(--u)); }
  #inicio .tablero-marca{ font-size:calc(34 * var(--u)); }
  #inicio .tablero-logo img{ width:calc(168 * var(--u)); }
  #inicio .filete-hoja{ width:calc(170 * var(--u)); margin:calc(4 * var(--u)) 0 calc(5 * var(--u)); }
  #inicio .tablero-lema{ font-size:clamp(9.5px, 2.7vw, 11px); letter-spacing:.07em; padding-left:.07em; }
  #inicio .tablero-sitio{ margin-top:calc(8 * var(--u)); font-size:15px; }
  #inicio .tablero-titular{ margin-top:calc(6 * var(--u)); font-size:calc(36 * var(--u)); line-height:1.0; }
  #inicio .filete{ margin:calc(10 * var(--u)) 0; }
  #inicio .tablero-acciones{ flex-direction:row; max-width:none; gap:8px; }
  #inicio .boton{ flex:1 1 0; min-width:0; min-height:48px; padding:6px 8px; font-size:12px; letter-spacing:.11em; line-height:1.25; }
  #inicio .boton-txt{ width:min-content; }
  #inicio .tablero-contacto{ margin-top:calc(10 * var(--u)); gap:10px; font-size:14px; }
  #inicio .tablero-contacto .icono{ width:32px; height:32px; }
  #inicio .tablero-contacto a{ font-size:15px; }
  #inicio .flechas{ position:static; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px; margin-top:8px; width:100%; }
  #inicio .flecha{ --punta:16px; width:auto; height:44px; min-height:44px; padding:0 20px 0 8px; gap:7px; }
  #inicio .flecha:hover{ transform:none; }
  #inicio .flecha-perno, #inicio .flecha-punta{ display:none; }
  #inicio .flecha-icono{ margin-left:0; width:26px; height:26px; min-width:26px; min-height:26px; }
  #inicio .flecha-texto{ font-size:clamp(10px, 2.9vw, 11.5px); letter-spacing:.06em; }
}
@media (max-width: 719.98px) and (max-height: 700px){
  #inicio{ padding-top:calc(var(--nav-h) + 28px); }
  #inicio .tablero-montes{ display:none; }
  #inicio .tablero-pintura{ padding-top:calc(24 * var(--u)); }
  #inicio .tablero-titular{ font-size:calc(32 * var(--u)); }
}
@media (max-width: 719.98px) and (max-height: 620px){
  #inicio{ padding-top:calc(var(--nav-h) + 52px); }
  #inicio .video-control{ top:calc(var(--nav-h) + 6px); right:8px; width:40px; height:40px; }
  #inicio .filete{ margin:calc(7 * var(--u)) 0; background:none; }
  #inicio .tablero-sitio{ margin-top:calc(6 * var(--u)); }
}
@media (max-width: 359.98px){
  #inicio .tablero-contacto{ font-size:12.5px; gap:8px; }
  #inicio .tablero-contacto .icono{ width:28px; height:28px; }
}
@media (prefers-reduced-motion: reduce){
  #inicio .colgante{ animation:none !important; }
  #inicio .flecha:hover{ transform:none; }
}

@keyframes mecerse3d{
    0%   { transform:perspective(1100px) rotateX(0deg)    rotateY(0deg)    rotateZ(0deg); }
    25%  { transform:perspective(1100px) rotateX(1.2deg)  rotateY(3.5deg)  rotateZ(.6deg); }
    50%  { transform:perspective(1100px) rotateX(0deg)    rotateY(0deg)    rotateZ(0deg); }
    75%  { transform:perspective(1100px) rotateX(-1.2deg) rotateY(-3.5deg) rotateZ(-.6deg); }
    100% { transform:perspective(1100px) rotateX(0deg)    rotateY(0deg)    rotateZ(0deg); }
  }

@layer portada-tipo{
/* Base: el letrero no hereda nada de las reglas globales del sitio (Space Mono, pesos,
   espaciados, colores y sombras con !important). Cada elemento hereda de su padre y solo
   cambia lo que el letrero define abajo. */
#inicio{ font-family:var(--libro) !important; font-size:16px !important; font-weight:400 !important; line-height:normal !important; letter-spacing:normal !important; color:#1B2B22 !important; text-transform:none !important; text-shadow:none !important; }
#inicio *{ font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; letter-spacing:inherit !important; color:inherit !important; text-transform:inherit !important; text-shadow:inherit !important; }
#inicio .video-control{ color:var(--crema) !important; }
#inicio .tablero-pintura{ color:var(--crema) !important; }
#inicio .tablero-pintura > .tablero-filete{ color:var(--oro) !important; }
#inicio .tablero-montes{ color:var(--oro) !important; }
#inicio .tablero-marca{ font-family:var(--romana) !important; font-weight:500 !important; font-size:calc(46 * var(--u)) !important; line-height:1 !important; letter-spacing:.24em !important; color:var(--crema) !important; }
#inicio .tablero-logo{ line-height:0 !important; }
@media (min-width: 1000px) and (min-height: 800px){
  #inicio .tablero .tablero-lema{ white-space:nowrap !important; font-size:max(9.5px, calc(13 * var(--u))) !important; letter-spacing:.08em !important; }
}
@media (max-width: 719.98px){
  #inicio .tablero .tablero-lema{ white-space:nowrap !important; }
}
#inicio .filete-hoja{ color:var(--oro) !important; }
#inicio .tablero-lema{ font-family:var(--romana) !important; font-weight:600 !important; font-size:max(11px, calc(12 * var(--u))) !important; line-height:1.5 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--oro-claro) !important; }
#inicio .tablero-sitio{ font-family:var(--libro) !important; font-weight:400 !important; font-size:max(14px, calc(17 * var(--u))) !important; line-height:1.3 !important; color:var(--crema) !important; }
#inicio .tablero-titular{ font-family:var(--libro) !important; font-weight:700 !important; font-size:calc(54 * var(--u)) !important; line-height:1.04 !important; letter-spacing:-.005em !important; color:var(--crema-calida) !important; text-shadow:0 2px 0 rgba(0,0,0,.25) !important; }
#inicio .boton{ font-family:var(--romana) !important; font-weight:600 !important; font-size:max(11.5px, calc(12.5 * var(--u))) !important; line-height:1.2 !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
#inicio .boton-principal{ color:var(--tinta) !important; }
#inicio .boton-secundario{ color:var(--crema) !important; }
#inicio .boton-secundario:hover{ color:#FFF6E2 !important; }
#inicio .tablero-contacto{ font-family:var(--libro) !important; font-size:max(13px, calc(15 * var(--u))) !important; line-height:1.3 !important; color:var(--crema) !important; }
#inicio .tablero-contacto .icono{ color:var(--oro-claro) !important; }
#inicio .tablero-contacto a{ font-family:var(--romana) !important; font-weight:700 !important; font-size:max(14px, calc(16.5 * var(--u))) !important; letter-spacing:.08em !important; color:var(--oro-claro) !important; }
#inicio .tablero-contacto a:hover{ color:var(--crema) !important; }
#inicio .flecha{ color:var(--crema) !important; }
#inicio .flecha:hover .flecha-texto{ color:#FFF3D6 !important; }
#inicio .flecha-icono{ color:var(--crema) !important; }
#inicio .flecha-texto{ font-family:var(--romana) !important; font-weight:600 !important; font-size:max(11px, calc(14 * var(--u))) !important; line-height:1 !important; letter-spacing:.1em !important; text-transform:uppercase !important; white-space:nowrap !important; }
#inicio .flecha-punta{ color:var(--oro-claro) !important; }
#inicio .tablilla-pintura{ font-family:var(--romana) !important; font-weight:600 !important; font-size:max(11px, calc(13 * var(--u))) !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:var(--crema) !important; white-space:nowrap !important; }
#inicio .tablilla-pintura svg{ color:var(--oro-claro) !important; }
@media (max-width: 719.98px){
  #inicio .tablero-marca{ font-size:calc(34 * var(--u)) !important; }
  #inicio .tablero-lema{ font-size:clamp(9.5px, 2.7vw, 11px) !important; letter-spacing:.07em !important; }
  #inicio .tablero-sitio{ font-size:15px !important; }
  #inicio .tablero-titular{ font-size:calc(36 * var(--u)) !important; line-height:1.0 !important; }
  #inicio .boton{ font-size:12px !important; letter-spacing:.11em !important; line-height:1.25 !important; }
  #inicio .tablero-contacto{ font-size:14px !important; }
  #inicio .tablero-contacto a{ font-size:15px !important; }
  #inicio .flecha-texto{ font-size:clamp(10px, 2.9vw, 11.5px) !important; letter-spacing:.06em !important; }
}
@media (max-width: 719.98px) and (max-height: 700px){
  #inicio .tablero-titular{ font-size:calc(32 * var(--u)) !important; }
}
@media (max-width: 359.98px){
  #inicio .tablero-contacto{ font-size:12.5px !important; }
}
}