/* ETAPA 40: detalle y fichas — sólo presentación */
.et40-detail,.et40-crm {width:100%;max-width:none;min-width:0;display:flex;flex-direction:column;gap:18px}
.et40-detail > .head,.et40-crm > .head {background:linear-gradient(110deg,#16375d,#23578a);color:#fff;border-radius:16px;padding:clamp(18px,2vw,30px);margin-bottom:0;box-shadow:0 8px 22px rgba(16,49,84,.12)}
.et40-detail > .head .crumb,.et40-crm > .head .crumb,.et40-detail > .head .mu {color:#d1e3f7}
.et40-detail > .head a:not(.btn),.et40-crm > .head a:not(.btn){color:#fff;text-decoration:underline;text-decoration-color:#91b4dc}
.et40-detail > .head h1,.et40-crm > .head h1{color:#fff;line-height:1.3;margin:7px 0}
.et40-detail > .head .k{color:#c9def3}
.et40-detail > .head .btn:not(.p),.et40-crm > .head .btn:not(.p){background:#fff;color:#173a61;border-color:#d9e7f6}
.et40-detail > .head .btn.p,.et40-crm > .head .btn.p{background:#2783e5;color:#fff;border-color:#2783e5}
.et40-detail > .head .pill{vertical-align:middle}
.et40-detail > .cols,.et40-crm > .cols{width:100%;min-width:0;gap:18px;align-items:start}
.et40-ot-detail > .cols{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr)}
.et40-cuenta-detail > .cols{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}
.et40-detail .card,.et40-crm .card{min-width:0;border:1px solid var(--bd);border-radius:15px;box-shadow:0 4px 18px rgba(15,39,73,.05)}
.et40-detail .card.pad,.et40-crm .card.pad{padding:clamp(18px,1.7vw,28px)}
.et40-detail .card h2,.et40-crm .card h2{font-size:17px;letter-spacing:-.2px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--bd2)}
.et40-detail .grid2{gap:16px 20px}
.et40-detail .grid2 > div{min-width:0;overflow-wrap:anywhere}
.et40-detail .k,.et40-crm .k{text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:var(--mu);font-weight:600}
.et40-detail .card table,.et40-crm .card table{width:100%}
.et40-detail .card th,.et40-crm .card th{background:var(--th);white-space:nowrap}
.et40-detail .card td,.et40-crm .card td{padding-top:12px;padding-bottom:12px}
.et40-detail .card tbody tr:hover,.et40-crm .card tbody tr:hover{background:var(--sel)}
.et40-detail .card .btn,.et40-crm .card .btn{border-radius:9px}
.et40-detail .card form{min-width:0}
.et40-detail .card .fld{max-width:100%}
.et40-detail .card img{max-width:100%}
.et40-crm > .cols{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important}
.et40-crm .kp{gap:10px}
.et40-crm .kp > div{background:var(--th);padding:13px;border-radius:10px}
.et40-cliente-detail > .card,.et40-informe-detail > form.card{max-width:none!important;width:100%;margin:0}
.et40-detail > .card,.et40-detail > form.card{max-width:none!important;width:100%}
.et40-detail > .card:has(table){overflow-x:auto}
@media(max-width:1150px){.et40-ot-detail > .cols,.et40-cuenta-detail > .cols,.et40-crm > .cols{grid-template-columns:1fr!important}}
@media(max-width:700px){.et40-detail > .head,.et40-crm > .head{padding:18px 14px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.et40-detail > .head .row,.et40-crm > .head .row{justify-content:flex-start!important;flex-wrap:wrap}.et40-detail .grid2{grid-template-columns:1fr}.et40-detail .card.pad,.et40-crm .card.pad{padding:16px}.et40-detail .card table{min-width:580px}}