/* Canal ético y de denuncia: mismo aspecto que el login de Mercury (IBERen) */
:root{
  --fondo:#0B2230; --texto:#1F2A37; --suave:#5B6675; --borde:#D9E2EC;
  --azul:#185FA5; --azul-claro:#EAF1F8; --verde-claro:#F2F8E1; --verde-osc:#3F5A00;
  --rojo:#B42318; --rojo-claro:#FEF3F2; --ambar:#B54708; --ambar-claro:#FFFAEB;
  --boton:#333333; --gris:#F6F8FB;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--texto);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;
  background:var(--fondo) url("../images/newindex/bg_abstract_sin_camiones.jpg") center/cover fixed no-repeat}
a{color:var(--azul)}
.ce-cab{text-align:center;color:#fff;padding:34px 16px 18px}
.ce-cab h1{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.06em;font-size:24px;margin:0}
.ce-cab p{font-family:Montserrat,sans-serif;font-weight:300;letter-spacing:.25em;font-size:11px;margin:6px 0 0;text-transform:uppercase;opacity:.85}
.ce-tarjeta{background:#fff;max-width:920px;margin:0 auto 40px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden}
.ce-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-bottom:1px solid var(--borde)}
.ce-top img{height:42px}
.ce-volver{font-size:13px;text-decoration:none;color:var(--suave);white-space:nowrap}
.ce-volver:hover{color:var(--azul)}
.ce-cuerpo{padding:28px}
.ce-cuerpo h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:21px;margin:0 0 6px}
.ce-cuerpo h3{font-family:Montserrat,sans-serif;font-weight:600;font-size:15px;margin:0 0 4px}
.ce-lead{color:var(--suave);margin:0 0 20px}
.ce-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 28px;background:var(--gris);border-top:1px solid var(--borde);font-size:12.5px;color:var(--suave)}
.ce-pie a{color:var(--suave)}
.ce-seccion{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave);margin:0 0 10px}

/* Garantías */
.ce-garantias{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.ce-garantia{display:flex;align-items:center;gap:7px;background:var(--verde-claro);color:var(--verde-osc);border-radius:20px;padding:6px 13px;font-size:13px;font-weight:600}
.ce-garantia svg{width:15px;height:15px}

/* Tarjetas de acción */
.ce-acciones{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:30px}
.ce-accion{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--borde);border-radius:10px;padding:18px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.ce-accion:hover{border-color:var(--azul);box-shadow:0 6px 18px rgba(24,95,165,.12);transform:translateY(-1px);text-decoration:none;color:inherit}
.ce-ico{flex:0 0 42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--azul-claro);color:var(--azul)}
.ce-ico svg{width:22px;height:22px}
.ce-accion.anon .ce-ico{background:var(--verde-claro);color:#5C7F00}
.ce-accion.estado .ce-ico{background:var(--gris);color:var(--texto)}
.ce-accion p{margin:0;color:var(--suave);font-size:13.5px}
.ce-ir{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--azul)}

/* Texto legal plegable */
.ce-cuerpo details{border:1px solid var(--borde);border-radius:8px;margin-bottom:8px;background:#fff}
.ce-cuerpo summary{cursor:pointer;padding:13px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ce-cuerpo summary::-webkit-details-marker{display:none}
.ce-cuerpo summary::after{content:"+";font-size:18px;color:var(--suave)}
.ce-cuerpo details[open] summary::after{content:"\2013"}
.ce-txt{padding:0 16px 14px;color:#374151;font-size:14px}
.ce-txt p{margin:0 0 8px}
.ce-txt ul{margin:6px 0 8px;padding-left:20px}
.ce-docs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.ce-doc{display:flex;align-items:center;gap:8px;border:1px solid var(--borde);border-radius:8px;padding:9px 14px;text-decoration:none;color:var(--texto);font-size:13.5px}
.ce-doc svg{width:18px;height:18px;color:var(--rojo)}
.ce-doc:hover{border-color:var(--azul);text-decoration:none}

/* Formularios */
.ce-pasos{display:flex;gap:6px;margin:0 0 22px;flex-wrap:wrap}
.ce-paso{border:1px solid var(--borde);border-radius:20px;padding:6px 14px;font-size:13px;background:#fff;color:var(--texto);text-decoration:none}
.ce-paso:hover{border-color:var(--azul);text-decoration:none}
.ce-paso.on{background:var(--fondo);border-color:var(--fondo);color:#fff}
.ce-aviso{display:flex;gap:10px;border-radius:8px;padding:12px 14px;font-size:13.5px;margin-bottom:20px}
.ce-aviso svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px}
.ce-aviso.verde{background:var(--verde-claro);color:var(--verde-osc)}
.ce-aviso.ambar{background:var(--ambar-claro);color:var(--ambar)}
.ce-aviso.rojo{background:var(--rojo-claro);color:var(--rojo)}
.ce-cuerpo fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
.ce-cuerpo legend{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave);margin-bottom:10px;padding:0;border:0;width:auto}
.ce-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ce-campo label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.ce-campo label small{font-weight:400;color:var(--suave)}
.ce-campo.ancho{grid-column:1/-1}
.ce-cuerpo input[type=text],.ce-cuerpo input[type=email],.ce-cuerpo select,.ce-cuerpo textarea{width:100%;font:inherit;font-size:14.5px;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;background:#fff;color:var(--texto)}
.ce-cuerpo input:focus,.ce-cuerpo select:focus,.ce-cuerpo textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px rgba(24,95,165,.15)}
.ce-cuerpo textarea{min-height:170px;resize:vertical}
.ce-contador{text-align:right;font-size:12px;color:var(--suave);margin-top:4px}
.ce-chips{display:flex;flex-wrap:wrap;gap:8px}
.ce-chips label{margin:0;font-weight:400;position:relative}
.ce-chips input{position:absolute;opacity:0;width:1px;height:1px}
.ce-chips span{display:inline-block;border:1px solid var(--borde);border-radius:20px;padding:7px 15px;font-size:13.5px;cursor:pointer}
.ce-chips input:checked+span{background:var(--azul);border-color:var(--azul);color:#fff}
.ce-chips input:focus+span{box-shadow:0 0 0 3px rgba(24,95,165,.25)}
.ce-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#374151;margin:4px 0 22px;font-weight:400}
.ce-check input{margin-top:3px;width:16px;height:16px;flex:0 0 16px}
.ce-botones{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ce-btn{font-family:Roboto,Arial,sans-serif;font-weight:700;border:0;border-radius:27px;padding:12px 30px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1.2}
.ce-btn.primario{background:var(--boton);color:#fff}
.ce-btn.primario:hover{background:#111;color:#fff;text-decoration:none}
.ce-btn.sec{background:#fff;color:var(--texto);border:1px solid var(--borde)}
.ce-btn.sec:hover{border-color:var(--azul);text-decoration:none}

/* Select2 con el mismo aspecto que los campos */
.ce-cuerpo .select2-container .select2-selection--single{height:44px;border:1px solid var(--borde);border-radius:8px}
.ce-cuerpo .select2-container .select2-selection--single .select2-selection__rendered{line-height:42px;padding-left:12px;color:var(--texto)}
.ce-cuerpo .select2-container .select2-selection--single .select2-selection__arrow{height:42px}

/* Acuse de recibo */
.ce-ok{text-align:center;padding:12px 0 6px}
.ce-circ{width:64px;height:64px;border-radius:50%;background:var(--verde-claro);color:#5C7F00;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.ce-circ.mal{background:var(--rojo-claro);color:var(--rojo)}
.ce-circ svg{width:32px;height:32px}
.ce-codigo{display:inline-flex;align-items:center;gap:12px;margin:18px 0 8px;padding:14px 22px;border:2px dashed var(--borde);border-radius:10px;font-family:Consolas,"Courier New",monospace;font-size:28px;letter-spacing:.18em;font-weight:700}
.ce-codigo button{font-size:12px;letter-spacing:0;font-family:inherit;font-weight:400;border:1px solid var(--borde);background:#fff;border-radius:6px;padding:4px 8px;cursor:pointer}
.ce-nota{font-size:13px;color:var(--suave);margin:0 0 20px}

/* Consulta de estado */
.ce-buscador{display:flex;gap:10px;max-width:520px}
.ce-buscador input{font-family:Consolas,monospace!important;letter-spacing:.12em}
.ce-resultado{margin-top:22px;border:1px solid var(--borde);border-radius:10px;overflow:hidden}
.ce-fila{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--borde);font-size:14px}
.ce-fila b{font-weight:600}
.ce-estado{border-radius:20px;padding:3px 11px;font-size:12px;font-weight:700;letter-spacing:.04em}
.ce-e-pend{background:var(--ambar-claro);color:var(--ambar)}
.ce-e-tram{background:var(--azul-claro);color:var(--azul)}
.ce-e-cerr{background:var(--verde-claro);color:var(--verde-osc)}
.ce-respuesta{padding:14px 16px;background:var(--gris);font-size:14px}
.ce-respuesta div{margin-top:4px;white-space:pre-wrap}

@media (max-width:680px){
  .ce-cuerpo{padding:20px 16px}
  .ce-tarjeta{border-radius:0;margin-bottom:0}
  .ce-top,.ce-pie{padding:14px 16px}
  .ce-acciones,.ce-rejilla{grid-template-columns:1fr}
  .ce-cab{padding:22px 16px 14px}.ce-cab h1{font-size:20px}
  .ce-buscador{flex-direction:column}
  .ce-codigo{font-size:22px}
}
@media print{
  body{background:#fff}
  .ce-cab,.ce-top a,.ce-botones,.ce-pie a{display:none}
  .ce-tarjeta{box-shadow:none;margin:0}
}