.mx711-retiro, .mx711-retiro * { box-sizing: border-box; }
.mx711-retiro {
  --green: #069918; --gold: #D6A72A; --ink: #F4F7F5; --soft: #B9C9BE;
  --lime: #35D85E; --night: #07110A; --felt: #102016; --felt-2: #162A1D; --edge: #24452E;
  width: 100%; overflow-x: hidden; color: var(--ink); background: var(--night);
  font: 17px/1.68 "Trebuchet MS", "Segoe UI", sans-serif; isolation: isolate;
}
.mx711-retiro ::selection { color: #07110A; background: var(--lime); }
.mx711-retiro main, .mx711-retiro section, .mx711-retiro article, .mx711-retiro figure, .mx711-retiro img, .mx711-retiro a, .mx711-retiro button,
.mx711-retiro h1, .mx711-retiro h2, .mx711-retiro h3, .mx711-retiro p, .mx711-retiro figcaption { max-width: 100%; }
.mx711-retiro h1, .mx711-retiro h2, .mx711-retiro h3, .mx711-retiro p, .mx711-retiro a, .mx711-retiro button, .mx711-retiro figcaption { overflow-wrap: anywhere; }
.mx711-retiro h1, .mx711-retiro h2, .mx711-retiro h3 { margin: 0; line-height: 1.08; letter-spacing: 0; text-wrap: balance; }
.mx711-retiro h1, .mx711-retiro h2 { font-family: Georgia, "Times New Roman", serif; }
.mx711-retiro h1 { font-size: clamp(2.65rem, 6vw, 5.7rem); }
.mx711-retiro h2 { margin-bottom: 22px; font-size: clamp(2rem, 4vw, 3.35rem); }
.mx711-retiro h3 { margin-bottom: 10px; font-size: clamp(1.15rem, 2vw, 1.48rem); }
.mx711-retiro p { margin: 0; color: var(--soft); }
.mx711-retiro p + p { margin-top: 16px; }
.mx711-retiro strong { color: #FFFFFF; font-weight: 800; }
.mx711-retiro a { color: var(--lime); text-underline-offset: 4px; }
.mx711-retiro a:hover { color: #FFFFFF; }
.mx711-retiro a:focus-visible, .mx711-retiro button:focus-visible, .mx711-retiro summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.mx711-retiro img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.mx711-retiro figure { margin: 0; min-width: 0; overflow: hidden; background: var(--felt); }
.mx711-retiro figcaption { padding: 10px 14px 12px; color: var(--soft); font-size: .84rem; }
.mx711-retiro .cobro-marco { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.mx711-retiro .cobro-tramo { padding: 92px 0; }
.mx711-retiro .cobro-tramo-breve { padding: 62px 0; }
.mx711-retiro .cobro-portada { position: relative; min-height: 660px; display: grid; align-items: end; overflow: hidden; }
.mx711-retiro .cobro-fondo { position: absolute; inset: 0; z-index: -2; }
.mx711-retiro .cobro-fondo img { height: 100%; min-height: 660px; object-position: center; }
.mx711-retiro .cobro-portada::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,17,10,.98), rgba(7,17,10,.84) 48%, rgba(7,17,10,.24)); }
.mx711-retiro .cobro-mensaje { width: min(770px, 100%); padding: 108px 0 76px; }
.mx711-retiro .cobro-mensaje p { max-width: 68ch; margin-top: 24px; color: #DDE8E0; font-size: 1.12rem; }
.mx711-retiro .cobro-acciones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mx711-retiro .cobro-boton, .mx711-retiro .cobro-boton-secundario { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 13px 22px; border: 1px solid transparent; border-radius: 6px; font-weight: 800; line-height: 1.2; text-decoration: none; transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease; }
.mx711-retiro .cobro-boton { color: #07110A; background: var(--green); box-shadow: 0 10px 28px rgba(0,0,0,.32); }
.mx711-retiro .cobro-boton:hover { color: #07110A; background: var(--lime); transform: translateY(-2px); }
.mx711-retiro .cobro-boton-secundario { color: var(--ink); border-color: var(--edge); background: rgba(16,32,22,.88); }
.mx711-retiro .cobro-boton-secundario:hover { color: #07110A; border-color: var(--gold); background: var(--gold); transform: translateY(-2px); }
.mx711-retiro .cobro-dupla, .mx711-retiro .cobro-metodos, .mx711-retiro .cobro-escena { display: grid; gap: 24px; }
.mx711-retiro .cobro-dupla, .mx711-retiro .cobro-escena { grid-template-columns: repeat(2, minmax(0,1fr)); }
.mx711-retiro .cobro-metodos { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mx711-retiro .cobro-dupla > *, .mx711-retiro .cobro-metodos > *, .mx711-retiro .cobro-escena > *, .mx711-retiro .cobro-acciones > * { min-width: 0; }
.mx711-retiro .cobro-ficha { padding: 26px; border-radius: 8px; background: var(--felt); box-shadow: 0 22px 58px rgba(0,0,0,.34); }
.mx711-retiro .cobro-linea { border-top: 1px solid var(--edge); }
.mx711-retiro .cobro-imagen-ancha img { aspect-ratio: 16/9; }
.mx711-retiro .cobro-imagen-tarjeta img { aspect-ratio: 4/3; }
.mx711-retiro .cobro-imagen-cuadrada img { aspect-ratio: 1/1; }
.mx711-retiro .cobro-imagen-movil img { aspect-ratio: 9/16; }
.mx711-retiro .cobro-recorrido { display: grid; border-top: 1px solid var(--edge); }
.mx711-retiro .cobro-recorrido-item { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(0,1.5fr); gap: 28px; padding: 27px 0; border-bottom: 1px solid var(--edge); }
.mx711-retiro .cobro-recorrido-item p { max-width: 72ch; }
.mx711-retiro .cobro-preguntas { display: grid; gap: 10px; }
.mx711-retiro .cobro-preguntas details { padding: 18px 0; border-top: 1px solid var(--edge); }
.mx711-retiro .cobro-preguntas details:last-child { border-bottom: 1px solid var(--edge); }
.mx711-retiro .cobro-preguntas summary { cursor: pointer; color: var(--ink); font-weight: 800; }
.mx711-retiro .cobro-preguntas details p { max-width: 74ch; margin-top: 12px; }
.mx711-retiro .cobro-cierre { position: relative; padding: 84px 14px; overflow: hidden; background: var(--felt-2); border-top: 1px solid var(--green); }
.mx711-retiro .cobro-cierre-interior { display: grid; grid-template-columns: minmax(0,1.4fr) auto; align-items: center; gap: 34px; }
.mx711-retiro .cobro-cierre-interior p { max-width: 64ch; margin-top: 16px; }
.mx711-retiro .cobro-cierre-interior .cobro-boton { min-width: 210px; }

.mx711-retiro .cobro-resumen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#24452E; border:1px solid #24452E; }
.mx711-retiro .cobro-resumen article { min-width:0; padding:26px; background:#102016; }
.mx711-retiro .cobro-cifra { display:block; color:#D6A72A; font-size:1.35rem; font-weight:800; }
.mx711-retiro .cobro-revision { display:grid; gap:10px; }
.mx711-retiro .cobro-revision span { padding:12px 14px; border:1px solid #24452E; background:#102016; }
.mx711-retiro .cobro-estado { color:#35D85E; font-weight:800; }
@media(max-width:760px){.mx711-retiro .cobro-resumen{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce) { .mx711-retiro *, .mx711-retiro *::before, .mx711-retiro *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media (max-width: 860px) {
  .mx711-retiro .cobro-metodos { grid-template-columns: 1fr; }
  .mx711-retiro .cobro-dupla, .mx711-retiro .cobro-escena, .mx711-retiro .cobro-cierre-interior { grid-template-columns: 1fr; }
  .mx711-retiro .cobro-portada, .mx711-retiro .cobro-fondo img { min-height: 620px; }
  .mx711-retiro .cobro-portada::after { background: linear-gradient(180deg, rgba(7,17,10,.22), rgba(7,17,10,.94) 60%, #07110A); }
  .mx711-retiro .cobro-recorrido-item { grid-template-columns: 1fr; gap: 9px; }
}
@media (max-width: 640px) {
  .mx711-retiro { font-size: 16px; }
  .mx711-retiro .cobro-marco { width: min(100% - 28px,1180px); }
  .mx711-retiro .cobro-tramo { padding: 62px 0; }
  .mx711-retiro .cobro-tramo-breve { padding: 44px 0; }
  .mx711-retiro h1 { font-size: clamp(2.2rem,12vw,3.45rem); }
  .mx711-retiro h2 { font-size: clamp(1.72rem,9vw,2.5rem); }
  .mx711-retiro .cobro-mensaje { padding: 86px 0 52px; }
  .mx711-retiro .cobro-mensaje p { font-size: 1rem; }
  .mx711-retiro .cobro-acciones { display: grid; }
  .mx711-retiro .cobro-boton, .mx711-retiro .cobro-boton-secundario, .mx711-retiro button { width: 100%; max-width: 100%; }
  .mx711-retiro .cobro-ficha { padding: 20px; }
  .mx711-retiro .cobro-cierre { padding: 58px 0; }
}