*,*::before,*::after{box-sizing:border-box;border-radius:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#CEDAE2;color:#191F24;
 font-family:"Lunasima",system-ui,sans-serif;font-weight:400;font-size:16.4px;
 line-height:1.64}
img{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3{font-family:"Buenard",Georgia,serif;font-weight:700;margin:0;
 line-height:1.12}
h1{font-size:clamp(30px,5.4vw,50px)}
h2{font-size:clamp(23px,3.6vw,35px)}
h3{font-size:clamp(17px,2.2vw,20px)}
.marco{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}

.rotulo{font-family:"Be Vietnam Pro",system-ui,sans-serif;font-weight:500;
 text-transform:uppercase;letter-spacing:.17em;font-size:10.6px;line-height:1.5;
 display:flex;align-items:center;gap:8px}
.rotulo--azul{color:#21577E}
.rotulo--rojo{color:#DEA9AA}
.signo{width:20px;height:20px;flex:0 0 auto}

/* ── карточка: язычок ПО ЦЕНТРУ и шире, лист в горизонтальную линейку ── */
.tarjeta{display:flex;flex-direction:column;position:relative;margin:0}
.tarjeta__lengua{align-self:center;background:#BDCED9;color:#1F5175;
 border:1.5px solid rgba(25,31,36,.32);border-bottom:0;padding:4px 26px;
 font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10.4px;letter-spacing:.11em;max-width:86%;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tarjeta__hoja{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:24px;
 box-shadow:4px 4px 0 rgba(22,67,100,.24);
 background-image:repeating-linear-gradient(to bottom,
  #E8EEF2 0 1px,transparent 1px 26px)}
.tarjeta__hoja>*+*{margin-top:13px}
.tarjeta--grande .tarjeta__hoja{padding:28px 26px 30px}

/* ── стол: клетка в обе стороны, шаг 22px ── */
.mesa-alta{background:#E2E9ED;border-bottom:1.5px solid rgba(25,31,36,.15);
 background-image:repeating-linear-gradient(to bottom,
  #CBD8E1 0 1px,transparent 1px 22px),
  repeating-linear-gradient(to right,#D7E1E7 0 1px,transparent 1px 22px)}
.mesa-alta__aire{padding-top:46px;padding-bottom:50px}
.entrada{font-size:17.2px;line-height:1.62;color:#191F24}
.entrada--mini{font-size:15px;color:#505658}
.entrada--ancha{margin-top:14px;color:#505658;max-width:84ch}
.entrada--honda{color:#F3F5F6;margin-top:14px}
.acciones{display:flex;flex-wrap:wrap;gap:13px;margin-top:20px}

/* ── шапка ── */
.riel{background:#164364;border-bottom:4px solid #245E88}
.riel__fila{display:flex;align-items:center;justify-content:space-between;
 gap:14px;min-height:74px}
.chapa{display:flex;align-items:center;gap:11px;min-width:0;
 text-decoration:none;color:#F3F5F6}
.chapa img{width:42px;height:42px;flex:0 0 auto}
.chapa__txt{min-width:0}
.chapa__txt b{display:block;font-family:"Buenard",Georgia,serif;
 font-weight:700;font-size:21px;line-height:1.1;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis}
.chapa__txt small{display:block;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10px;
 letter-spacing:.08em;color:#A9BAC6;white-space:nowrap;overflow:hidden;
 text-overflow:ellipsis}
.nav{display:none;gap:4px}
.nav__a{font-family:"Be Vietnam Pro",system-ui,sans-serif;font-weight:500;
 text-transform:uppercase;letter-spacing:.12em;font-size:11px;
 text-decoration:none;color:#F3F5F6;padding:8px 12px;
 border:1.5px solid transparent}
.nav__a:hover{border-color:#245E88;color:#FFFFFF}

/* ── кнопка ── */
.tecla{display:inline-flex;flex-direction:column;align-items:center;
 text-decoration:none;border:0;background:none;padding:0;cursor:pointer;
 font:inherit;transition:transform .15s ease}
.tecla__lengua{font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:9.2px;letter-spacing:.14em;
 padding:2px 14px;border:1.5px solid #164364;border-bottom:0;line-height:1.6}
.tecla__hoja{font-family:"Be Vietnam Pro",system-ui,sans-serif;font-weight:500;
 letter-spacing:.05em;font-size:14.2px;padding:11px 20px;
 border:1.5px solid #164364;white-space:nowrap}
.tecla:hover{transform:translateY(-3px)}
.tecla--llena .tecla__lengua{background:#164364;color:#F3F5F6}
.tecla--llena .tecla__hoja{background:#245E88;color:#F3F5F6;
 box-shadow:4px 4px 0 rgba(22,67,100,.24)}
.tecla--hueca .tecla__lengua{background:#BDCED9;color:#1F5175;
 border-color:rgba(25,31,36,.32)}
.tecla--hueca .tecla__hoja{background:#FBFCFC;color:#191F24;
 border-color:rgba(25,31,36,.32);box-shadow:4px 4px 0 rgba(22,67,100,.24)}
.tecla--corta .tecla__hoja{padding:9px 15px;font-size:12.6px}
.tecla--corta .tecla__lengua{font-size:8.6px;padding:1px 10px}
.tecla--larga .tecla__hoja{padding:14px 26px;font-size:15.8px}

/* ── полосы ── */
.franja{padding:50px 0;background:#E2E9ED;border-top:1.5px solid rgba(25,31,36,.15);
 background-image:repeating-linear-gradient(to bottom,
  #CBD8E1 0 1px,transparent 1px 22px),
  repeating-linear-gradient(to right,#D7E1E7 0 1px,transparent 1px 22px)}
.franja--clara{background:#F0F4F6;background-image:none}
.franja--honda{background:#164364;color:#F3F5F6;background-image:none;
 border-top:4px solid #245E88}
.franja--honda h2{color:#FFFFFF}
.franja h2{margin-top:6px}

/* ── заявка второй полосой ── */
.franja__par{display:grid;gap:30px}
@media (min-width:920px){
 .franja__par{grid-template-columns:44% 52%;justify-content:space-between;
  align-items:start}
}
.franja__notas{margin-top:20px;display:grid;gap:12px}
.franja__nota{border-left:4px solid #DEA9AA;padding:3px 0 3px 13px}
.franja__nota b{display:block;color:#FFFFFF;font-weight:700;font-size:15.4px}
.franja__nota span{display:block;margin-top:3px;color:#F3F5F6;font-size:14.4px}
.pedido{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:22px;
 box-shadow:6px 6px 0 rgba(22,67,100,.24)}
.pedido__campos{display:grid;gap:15px}
@media (min-width:640px){
 .pedido__campos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
}
.campo{margin:0;display:flex;flex-direction:column}
.campo .rotulo{color:#505658;margin-bottom:6px;display:block}
.control{font-family:"Lunasima",system-ui,sans-serif;font-size:16px;
 color:#191F24;background:#FFFFFF;border:1.5px solid rgba(25,31,36,.32);padding:11px 12px;
 width:100%}
.control:focus{outline:2px solid #245E88;outline-offset:-2px}
.error{display:block;margin-top:5px;color:#99292E;font-size:13.4px}
.error--ancho{margin-top:8px}
.visto{margin:16px 0 0;display:flex;gap:11px;align-items:flex-start}
.visto input{width:17px;height:17px;margin-top:4px;flex:0 0 auto;
 accent-color:#245E88}
/* подпись согласия остаётся обычным набором: .campo .rotulo сюда не достаёт */
.visto__txt{font-family:"Lunasima",system-ui,sans-serif;font-weight:400;
 font-size:14.4px;line-height:1.58;color:#505658;text-transform:none;
 letter-spacing:0}
.visto__txt a{color:#21577E}
.pedido button{margin-top:18px}
.pedido__mini{margin-top:14px;color:#505658;font-size:13.4px;max-width:62ch}

/* ── список услуг ── */
.giros{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
@media (min-width:860px){
 .giros{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
}
.giro{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:16px 18px;
 box-shadow:3px 3px 0 rgba(22,67,100,.24)}
.giro b{display:block;font-size:16.4px;font-weight:700}
.giro span{display:block;margin-top:5px;color:#505658;font-size:14.8px}
@media (min-width:860px){
 .giro:nth-child(even){transform:rotate(-.4deg)}
}

/* ── таблицы ── */
.tablero{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px;
 background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);box-shadow:4px 4px 0 rgba(22,67,100,.24)}
.tablero caption{text-align:left;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:11px;
 letter-spacing:.08em;color:#21577E;padding-bottom:10px}
.tablero th{text-align:left;font-family:"Be Vietnam Pro",system-ui,sans-serif;
 font-weight:700;font-size:10.4px;letter-spacing:.14em;text-transform:uppercase;
 color:#191F24;padding:12px;border-bottom:1.5px solid rgba(25,31,36,.32);
 background:#BDCED9;vertical-align:bottom}
.tablero td{padding:12px;border-bottom:1px solid rgba(25,31,36,.15);vertical-align:top;
 color:#505658}
.tablero td:first-child{color:#191F24;font-weight:700}
.tablero tr:last-child td{border-bottom:0}
.cinco-avisos{margin-top:24px;display:grid;gap:14px}
@media (min-width:700px){
 .cinco-avisos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1060px){
 .cinco-avisos{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.aviso{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:15px;
 box-shadow:3px 3px 0 rgba(22,67,100,.24)}
.aviso b{display:block;margin-top:8px;font-size:15.4px;font-weight:700}
.aviso p{margin-top:5px;color:#505658;font-size:14.2px}
.cuentas{margin-top:24px;display:grid;gap:14px}
@media (min-width:820px){
 .cuentas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.cuenta{border-top:3px solid #245E88;padding-top:11px}
.cuenta b{display:block;font-size:15.6px;font-weight:700}
.cuenta span{display:block;margin-top:4px;color:#505658;font-size:14.4px}

/* ── зона и кадры ── */
.zona-puntos{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.zona-punto{padding:9px 0 9px 22px;border-bottom:1px solid rgba(25,31,36,.15);
 color:#505658;font-size:15.2px;position:relative}
.zona-punto::before{content:"";position:absolute;left:0;top:18px;width:12px;
 height:2px;background:#245E88}
.dos-fotos{margin-top:26px;display:grid;gap:26px}
@media (min-width:860px){
 .dos-fotos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
 .dos-fotos .foto:nth-child(2){margin-top:28px}
}
.foto{display:flex;flex-direction:column-reverse;margin:0}
.foto__lengua{align-self:center;background:#245E88;color:#F3F5F6;
 border:1.5px solid rgba(25,31,36,.32);border-top:0;padding:3px 20px;
 font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.1em}
.foto__hoja{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:10px;
 box-shadow:4px 4px 0 rgba(22,67,100,.24)}
.foto__hoja img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
 border:1px solid rgba(25,31,36,.15)}
.foto__hoja figcaption{margin-top:10px;padding-top:9px;
 border-top:1px solid rgba(25,31,36,.15);color:#505658;font-size:13.6px;line-height:1.55}

/* ── риски ── */
.riesgos{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px}
@media (min-width:780px){
 .riesgos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media (min-width:1080px){
 .riesgos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.riesgo{display:flex;gap:13px;align-items:flex-start;background:#FBFCFC;
 border:1.5px solid rgba(25,31,36,.32);padding:16px;box-shadow:3px 3px 0 rgba(22,67,100,.24);
 color:#21577E}
.riesgo div{min-width:0}
.riesgo b{display:block;color:#191F24;font-size:16px;font-weight:700}
.riesgo span{display:block;margin-top:5px;color:#505658;font-size:14.6px}

/* ── шаги ── */
.pasos{margin-top:26px;display:grid;gap:16px}
@media (min-width:760px){
 .pasos{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
}
@media (min-width:1080px){
 .pasos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.paso{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:16px;
 box-shadow:3px 3px 0 rgba(22,67,100,.24);color:#21577E;position:relative}
.paso__n{position:absolute;top:0;right:0;background:#BDCED9;color:#1F5175;
 border-left:1.5px solid rgba(25,31,36,.32);border-bottom:1.5px solid rgba(25,31,36,.32);
 padding:2px 9px;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10px}
.paso b{display:block;margin-top:9px;color:#191F24;font-size:15.8px;
 font-weight:700}
.paso p{margin-top:5px;color:#505658;font-size:14.2px}

/* ── полка-лента ── */
.estante{margin-top:26px;display:flex;gap:18px;padding-bottom:10px;
 scroll-padding-left:0}
.pieza{flex:0 0 268px;display:flex;flex-direction:column}
.pieza__lengua{align-self:center;background:#BDCED9;color:#1F5175;
 border:1.5px solid rgba(25,31,36,.32);border-bottom:0;padding:3px 18px;
 font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.1em}
.pieza__hoja{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);padding:17px;
 box-shadow:4px 4px 0 rgba(22,67,100,.24);flex:1 1 auto}
.pieza__hoja b{display:block;font-size:16.2px;font-weight:700}
.pieza__hoja p{margin-top:6px;color:#505658;font-size:14.4px}

/* ── раскрывашки ── */
.dudas{margin-top:26px;display:grid;gap:13px}
.duda{background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);box-shadow:3px 3px 0 rgba(22,67,100,.24)}
.duda summary{cursor:pointer;list-style:none;padding:15px 18px;
 font-weight:700;font-size:16.2px;display:flex;gap:14px;align-items:baseline}
.duda summary::-webkit-details-marker{display:none}
.duda__n{flex:0 0 auto;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:10.4px;color:#99292E;
 letter-spacing:.09em}
.duda summary:hover{color:#21577E}
.duda p{padding:0 18px 17px 54px;color:#505658;font-size:15.2px;line-height:1.6}

/* ── правовые ── */
.papeles{background:#E2E9ED;padding:44px 0 56px;
 background-image:repeating-linear-gradient(to bottom,
  #CBD8E1 0 1px,transparent 1px 22px),
  repeating-linear-gradient(to right,#D7E1E7 0 1px,transparent 1px 22px)}
.papeles__marco{max-width:1000px}
.papeles__fecha{margin-top:14px}
.papeles__cuerpo{margin-top:32px;display:grid;gap:15px}
.punto{display:flex;gap:16px;background:#FBFCFC;border:1.5px solid rgba(25,31,36,.32);
 padding:20px;box-shadow:4px 4px 0 rgba(22,67,100,.24)}
.punto__n{flex:0 0 auto;width:34px;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;
 color:#99292E;padding-top:3px}
.punto__txt{min-width:0}
.punto__txt h2{font-size:clamp(19px,2.2vw,23px)}
.punto__txt p{margin-top:9px;color:#505658;font-size:15.2px}
.punto__txt b{color:#191F24;font-weight:700}
.punto__lista{margin:10px 0 0;padding:0;list-style:none}
.punto__lista li{padding:8px 0 8px 20px;border-bottom:1px solid rgba(25,31,36,.15);
 color:#505658;font-size:14.8px;position:relative}
.punto__lista li::before{content:"";position:absolute;left:0;top:17px;
 width:11px;height:2px;background:#245E88}
.nota-baja{margin-top:26px;color:#505658;font-size:14.6px;max-width:76ch;
 border-left:4px solid #245E88;padding-left:13px}
.nota-baja a{color:#21577E}
.papeles__volver{margin-top:24px}

/* ── подвал ── */
.base{background:#164364;color:#A9BAC6;padding:44px 0 34px;font-size:14.4px}
.base__rejilla{display:grid;gap:26px}
@media (min-width:860px){
 .base__rejilla{grid-template-columns:46% 22% 26%;
  justify-content:space-between;gap:26px}
}
.base__marca{font-family:"Buenard",Georgia,serif;font-weight:700;
 font-size:21px;color:#FFFFFF}
.base__txt{margin-top:10px;line-height:1.66}
.base__txt--mini{font-size:13.2px;margin-top:10px}
.base__rot{margin-top:16px;color:#DEA9AA}
.base__lista{list-style:none;margin:9px 0 0;padding:0}
.base__lista li{padding:5px 0}
.base__lista a{color:#FFFFFF;text-decoration:none;
 border-bottom:1px solid transparent}
.base__lista a:hover{border-bottom-color:#DEA9AA;color:#DEA9AA}
.base__raya{margin-top:30px;padding-top:18px;border-top:1.5px solid #DEA9AA;
 display:grid;gap:12px;font-size:13px;line-height:1.68}

/* ── печенье ── */
.galletas{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;
 display:flex;flex-direction:column;align-items:center;max-width:500px;
 margin-left:auto}
.galletas__lengua{background:#245E88;color:#F3F5F6;border:1.5px solid #164364;
 border-bottom:0;padding:3px 18px}
.galletas__hoja{background:#FBFCFC;border:1.5px solid #164364;padding:17px;
 box-shadow:5px 5px 0 rgba(22,67,100,.24);width:100%}
.galletas__hoja p{color:#505658;font-size:14.2px}
.galletas__teclas{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}

@media (min-width:1000px){.nav{display:flex}}
@media (max-width:760px){
 .tablero,.tablero thead,.tablero tbody,.tablero tr,.tablero th,.tablero td,
 .tablero caption{display:block;width:auto}
 .tablero thead{display:none}
 .tablero tr{border-bottom:1.5px solid rgba(25,31,36,.32);padding:6px 0}
 .tablero td{border-bottom:0;padding:5px 12px}
 .tablero td::before{content:attr(data-r);display:block;font-family:'Cascadia Mono','Segoe UI Mono','Roboto Mono',ui-monospace,Menlo,Consolas,monospace;
  font-size:10.2px;letter-spacing:.06em;color:#21577E;margin-bottom:3px}
 .giro:nth-child(even){transform:none}
 .duda p{padding-left:18px}
}
@media (max-width:560px){
 .marco{padding:0 15px}
 .tecla{align-items:stretch}
 .tecla__hoja{text-align:center}
}