/* Moto Ko'ox — esquema visual compartido (paleta institucional + Outfit) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;900&display=swap');
:root{--kx-primary:#006250;--kx-secondary:#006847;--kx-red:#CE1126;--kx-gold:#D9A441;--kx-cream:#F6F1E4;--kx-ink:#1F2A28;--kx-white:#FFFFFF}
body,button,input,select,textarea,h1,h2,h3,h4{font-family:Outfit,Arial,sans-serif}
/* Teléfono: ninguna palabra larga empuja la página fuera de la pantalla */
body{overflow-wrap:break-word}
.kx-back{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--kx-primary);color:var(--kx-white);font:600 15px/1.2 Outfit,Arial,sans-serif;border-bottom:1px solid #ffffff24}
.kx-back button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:2px solid var(--kx-gold);border-radius:999px;background:transparent;color:var(--kx-white);font:inherit;cursor:pointer}
.kx-back button:hover,.kx-back button:focus-visible{background:var(--kx-gold);color:var(--kx-ink);outline:none}
.kx-back span.kx-title{opacity:.85;font-weight:400;margin-left:auto;font-size:13px}
@media(max-width:480px){.kx-back{padding:8px 12px}.kx-back span.kx-title{display:none}}
/* Teléfono: las tablas se muestran como fichas (cada dato con su encabezado) para que todo quepa en la pantalla.
   koox.js marca las tablas (kx-fichas) y pone el encabezado de cada dato (data-label). */
@media(max-width:640px){
table.kx-fichas,table.kx-fichas tbody,table.kx-fichas tr,table.kx-fichas td{display:block;width:100%}
table.kx-fichas thead,table.kx-fichas tr.kx-cab{display:none}
table.kx-fichas tr{padding:8px 0;border-bottom:1px solid rgba(31,42,40,.14)}
table.kx-fichas tr:last-child{border-bottom:0}
table.kx-fichas td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;border:0;text-align:right;overflow-wrap:anywhere;word-break:break-word}
table.kx-fichas td[data-label]::before{content:attr(data-label);flex:0 0 40%;text-align:left;opacity:.72;font-size:12px;font-weight:600}
}