/* Cabecera de la ficha con reloj de plazo y título acotado (ajuste 9, 29/09/2026).
   Selectores con .oxd-hero / .oxd-* para no depender del orden frente a los estilos con ámbito de la vista (data-v-e1adf604).
   La distribución depende del ancho real de la cabecera (consultas de contenedor), no del de la ventana, porque el menú lateral
   plegado o desplegado cambia el espacio disponible. Sin soporte de consultas de contenedor queda la versión apilada. */
section.detail-hero.oxd-hero{--oxd-r:21px;display:flex;flex-wrap:wrap;align-items:stretch;overflow:visible;background:#fff;box-shadow:0 14px 34px #07172f0b;container:oxd-hero / inline-size}
@media (max-width:680px){section.detail-hero.oxd-hero{--oxd-r:15px}}
.detail-hero.oxd-hero .oxd-copy{flex:1 1 100%;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px}
.detail-hero.oxd-hero .detail-hero-aside{flex:1 1 100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;min-width:0;padding:18px;background:linear-gradient(160deg,#f8fbff,#eef4ff);border-left:0;border-top:1px solid #e3eaf5;border-radius:0 0 var(--oxd-r) var(--oxd-r)}
.detail-hero.oxd-hero .presentation-cta-wrap,.detail-hero.oxd-hero .detail-hero-actions{margin-top:0}
.detail-hero.oxd-hero .detail-hero-actions:empty{display:none}
.detail-hero.oxd-hero .detail-hero-actions .hero-secondary-action{flex:1 1 auto}

.oxd-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Expediente, fuente, estado y acciones */
.oxd-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oxd-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;padding:3px 10px;border-radius:999px;background:#f5f8fd;border:1px solid #e3eaf5;color:#2c3c57;font-size:12px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.oxd-chip .oxd-ic{width:14px;height:14px;color:#7a889e}
.oxd-src b{font-weight:700;color:#07566b}
.oxd-src b+span::before{content:"· ";color:#7a889e}
.oxd-st-green{background:#e3f4ea;border-color:#cdebd8;color:#16704a}
.oxd-st-blue{background:#eaf1ff;border-color:#d3e2ff;color:#0d3ea8}
.oxd-st-red{background:#fdecea;border-color:#f7d0cb;color:#b42318}
.oxd-st-gray{background:#f2f5f9;border-color:#e3eaf5;color:#607089}
.oxd-sp{flex:1}
.oxd-ib{border:1px solid transparent;background:none;padding:6px;border-radius:9px;color:#7a889e;cursor:pointer;line-height:0;transition:background .15s,color .15s}
.oxd-ib .oxd-ic{width:19px;height:19px;stroke-width:1.6}
.oxd-ib:hover{background:#eef2f8;color:#13233d}
.oxd-desc.is-on{color:#9b231b;background:#fde4e1}
.oxd-fav:hover{color:#e0a412;background:#fff7e0}
.oxd-fav.is-on{color:#e0a412}
.oxd-fav.is-on .oxd-ic{fill:currentColor;animation:oxd-pop .4s cubic-bezier(.3,1.6,.5,1)}
@keyframes oxd-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* Título acotado: letra según longitud, tres líneas como mucho, completo al pasar el ratón o con «Ver título completo» */
.oxd-tbox{position:relative;margin-top:16px}
.oxd-ttl{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#0b1b33;font-weight:800;line-height:1.22;letter-spacing:-.025em;overflow-wrap:break-word;transition:font-size .2s}
.oxd-tbox.is-open .oxd-ttl{display:block;-webkit-line-clamp:unset;overflow:visible}
.oxd-s1{font-size:24px}.oxd-s2{font-size:22px}.oxd-s3{font-size:20px}.oxd-s4{font-size:19px}
.oxd-tpop{display:none}
.oxd-tmore{display:inline-block;margin-top:6px;padding:2px 0;border:0;background:none;color:#0757b9;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.oxd-tmore:hover{text-decoration:underline}
@media (hover:hover){
  .oxd-tpop{display:block;position:absolute;left:-14px;top:-12px;z-index:5;width:calc(100% + 28px);padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #cfe0fb;box-shadow:0 18px 44px rgba(14,37,77,.18);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s,transform .16s,visibility 0s .16s;pointer-events:none}
  .oxd-tpop p{margin:0;color:#0b1b33;font-weight:800;line-height:1.22;letter-spacing:-.025em;overflow-wrap:break-word}
  .oxd-tbox.is-cut .oxd-ttl:hover~.oxd-tpop,.oxd-tbox.is-cut .oxd-ttl:focus-visible~.oxd-tpop{opacity:1;visibility:visible;transform:none;transition:opacity .16s .25s,transform .16s .25s,visibility 0s .25s}
}

/* Organismo y lugar */
.oxd-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;color:#2c3c57;font-size:13.5px;line-height:1.45}
.oxd-facts>span{display:inline-flex;align-items:flex-start;gap:7px;min-width:0;overflow-wrap:anywhere}
.oxd-facts .oxd-ic{margin-top:2px;color:#7a889e}

/* Reloj de plazo (misma escala y colores que las fichas de la lista) */
.oxd-top2{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.oxd-dial{display:flex;align-items:center;gap:14px;flex:0 0 auto;max-width:100%}
.oxd-ring{position:relative;width:76px;height:76px;flex:none}
.oxd-ring svg{display:block;width:76px;height:76px;transform:rotate(-90deg)}
.oxd-ring circle{fill:none;stroke-width:7}
.oxd-ring .oxd-bg{stroke:#e6edf7}
.oxd-ring .oxd-fg{stroke-linecap:round;animation:oxd-fill 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes oxd-fill{from{stroke-dashoffset:var(--c)}}
.oxd-g .oxd-fg{stroke:#1e8e5a}.oxd-a .oxd-fg{stroke:#e0a412}.oxd-r .oxd-fg{stroke:#d63a2f}.oxd-c .oxd-fg,.oxd-n .oxd-fg{stroke:#b6c2d4}
.oxd-r.oxd-ring::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #d63a2f;opacity:0;animation:oxd-pulse 1.8s ease-out infinite}
@keyframes oxd-pulse{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1.2);opacity:0}}
.oxd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.oxd-center b{color:#13233d;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.oxd-center small{margin-top:3px;color:#52627a;font-size:11px;font-weight:600}
.oxd-center .oxd-closed{width:26px;height:26px;color:#7a889e}
.oxd-center .oxd-dash{color:#7a889e}
.oxd-dtext{min-width:0;max-width:150px}
.oxd-k{color:#7a889e;font-size:11.5px;font-weight:600}
.oxd-d{color:#13233d;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.oxd-w{color:#52627a;font-size:12.5px;font-weight:500;line-height:1.35}
.oxd-w-c{color:#9b231b;font-weight:600}

/* Presupuesto base y valor estimado: al lado del reloj si caben; si no, debajo */
.oxd-money{flex:1 1 0;padding-left:18px;border-left:1px solid #dfe7f3}
.oxd-amt{display:block;color:#07172f;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.oxd-a1{font-size:28px}.oxd-a2{font-size:24px}.oxd-a3{font-size:21px}.oxd-a4{font-size:18px}
.oxd-lbl{margin-top:2px;color:#7a889e;font-size:11.5px;font-weight:600;line-height:1.35}
.oxd-est-v{margin-top:10px;color:#13233d;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:break-word}

/* Herramientas */
.oxd-toolswrap{margin:0 0 14px;container:oxd-tools / inline-size}
.oxd-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.oxd-tool{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;min-width:0;padding:16px 18px;border:1px solid #e3eaf5;border-radius:16px;background:#fff;outline:none}
.oxd-tool:focus-visible{box-shadow:0 0 0 3px rgba(23,92,255,.25)}
.oxd-ti{align-self:start;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2f6ff;color:#175cff}
.oxd-ti .oxd-ic{width:21px;height:21px}
.oxd-doc .oxd-ti{background:#ecfafd;color:#0e9bb8}
.oxd-ask .oxd-ti{background:#f3f0ff;color:#6a4ff0}
.oxd-tbody{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.oxd-tstate{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#52627a;font-size:12px;font-weight:600}
.oxd-okdot,.oxd-busydot{width:7px;height:7px;border-radius:50%;background:#16a371;flex:none}
.oxd-busydot{background:#175cff;animation:oxd-blink 1.2s ease-in-out infinite}
@keyframes oxd-blink{50%{opacity:.25}}
.oxd-ready{color:#0f7a58}
.oxd-ready::before{content:"· ";color:#7a889e}
.oxd-ttext strong{display:block;margin-top:1px;color:#13233d;font-size:15px}
.oxd-ttext small{display:block;margin-top:3px;color:#52627a;font-size:12px;line-height:1.45}
.oxd-caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.oxd-caps span{padding:5px 8px;border:1px solid #d9e6f7;border-radius:999px;background:#ffffffc2;color:#4c6483;font-size:10px;font-weight:700}
.oxd-go{padding:8px 12px;border:1px solid #c7daf5;border-radius:10px;background:#f4f8fe;color:#0757b9;font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.oxd-go:hover:not(:disabled){background:#e8f0fd;border-color:#9dbcf8}
.oxd-go:disabled{background:#f6f8fb;border-color:#e3eaf5;color:#9aa9bb;cursor:not-allowed}
.oxd-sum{background:linear-gradient(145deg,#f4f8ff,#fff 60%);border-color:#cfe0fb}
.oxd-sum.is-ready{border-color:#bfe3d3}
.oxd-sum .oxd-go{align-self:stretch;background:linear-gradient(135deg,#175cff,#3b82ff);border-color:transparent;color:#fff}
.oxd-sum .oxd-go:hover:not(:disabled){background:linear-gradient(135deg,#0f4fe6,#2f74f5);box-shadow:0 8px 18px rgba(23,92,255,.25)}
.oxd-sum .oxd-go:disabled{background:#94a8c5;color:#ffffffd9}
.oxd-tool.is-disabled{opacity:.62}

.oxd-ib:focus-visible,.oxd-tmore:focus-visible,.oxd-go:focus-visible,.oxd-ttl:focus-visible{outline:2px solid #175cff;outline-offset:2px;border-radius:6px}

/* Cabecera a partir de 560 px: letra del título de escritorio */
@container oxd-hero (min-width:560px){
  .detail-hero.oxd-hero .oxd-copy{padding:24px 26px}
  .detail-hero.oxd-hero .detail-hero-aside{gap:16px;padding:22px 26px}
  .oxd-s1{font-size:30px}.oxd-s2{font-size:26px}.oxd-s3{font-size:23px}.oxd-s4{font-size:21px}
}
/* 730-1039 px: el lateral pasa a ser una franja bajo el texto, con el reloj y los importes a la izquierda y las acciones a la derecha */
@container oxd-hero (min-width:730px) and (max-width:1039.98px){
  .detail-hero.oxd-hero .detail-hero-aside{display:grid;grid-template-columns:minmax(410px,1fr) minmax(240px,340px);align-items:center;gap:12px 24px}
  .detail-hero.oxd-hero .oxd-top2{grid-column:1;grid-row:1 / span 2}
  .detail-hero.oxd-hero .presentation-cta-wrap,.detail-hero.oxd-hero .detail-hero-actions{grid-column:2}
}
/* 1040 px o más: dos columnas, como en la maqueta aprobada (el texto conserva al menos 590 px) */
@container oxd-hero (min-width:1040px){
  .detail-hero.oxd-hero .oxd-copy{flex:1 1 0;padding:26px 28px}
  .detail-hero.oxd-hero .detail-hero-aside{flex:0 0 450px;padding:24px;border-top:0;border-left:1px solid #e3eaf5;border-radius:0 var(--oxd-r) var(--oxd-r) 0}
}
@container oxd-tools (min-width:600px){
  .oxd-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oxd-sum{grid-column:1 / -1}
  .oxd-sum .oxd-go{align-self:flex-start}
}
@container oxd-tools (min-width:980px){
  .oxd-tools{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
  .oxd-sum{grid-column:auto}
}
@media (max-width:680px){.oxd-facts{flex-direction:column;gap:8px}}
@media (prefers-reduced-motion:reduce){.oxd-hero *,.oxd-toolswrap *{animation:none!important;transition:none!important}}
@media print{
  .oxd-hero .no-print,.oxd-toolswrap{display:none!important}
  .oxd-ttl{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .oxd-tpop{display:none!important}
  .oxd-ring .oxd-fg,.oxd-r.oxd-ring::after{animation:none!important}
}
