/* Core blocks inside page and post content. Also loaded in the editor. */
.entry-content { font-size: 1.05rem; line-height: 1.7; }
.tl-sheet .entry-content > * { max-width: 72ch; }
.tl-sheet .entry-content > :is(.wp-block-columns, .wp-block-group, .wp-block-table, .wp-block-image, .wp-block-embed, .wp-block-shortcode, .wp-block-html) { max-width: none; }
.entry-content > :first-child { margin-top: 0; }
.entry-content > :last-child { margin-bottom: 0; }
.entry-content h2 { margin: 2.2rem 0 .7rem; }
.entry-content h3 { margin: 1.8rem 0 .55rem; }
.entry-content p { margin: 0 0 1.15rem; }
.entry-content ul, .entry-content ol { margin: 0 0 1.15rem; padding-left: 1.3rem; }
.entry-content li { margin-bottom: .4rem; }
.entry-content li::marker { color: var(--naranja); }
.entry-content p a, .entry-content li a, .entry-content td a { text-decoration: underline; font-weight: 600; }
.entry-content figure { margin: 1.6rem 0; }
.entry-content img { border-radius: 12px; }
.entry-content iframe { max-width: 100%; border: 0; border-radius: 12px; }
.wp-block-separator { border: 0; border-top: 1px solid var(--linea); margin: 2rem 0; }
.wp-block-table table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wp-block-table th, .wp-block-table td { padding: 10px 12px; border-bottom: 1px solid var(--linea); text-align: left; }
.wp-block-table th { font-weight: 700; background: var(--gris-banda); }

/* Guide bodies: the Elementor template drew an orange arrow before each H2. */
.tl-post .entry-content h2::before { content: "▸ "; color: var(--naranja); }

/* Converted page sections: a Group per band, rows and cards inside. */
.tl-blocks .wp-block-group.tl-band { margin: 0; }
.tl-blocks .wp-block-group.tl-band > * { width: 100%; max-width: var(--wrap); margin-left: auto; margin-right: auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.tl-blocks .wp-block-group.tl-band > .is-row > .wp-block-group:not(.tl-card) { padding-left: 0; padding-right: 0; }
.tl-blocks .is-row { display: flex; flex-wrap: wrap; gap: 22px; align-items: stretch; }
.tl-blocks .is-row > .wp-block-group { flex: 1 1 260px; min-width: 0; }
.tl-blocks .is-row > .wp-block-buttons { flex: 0 0 auto; }
.tl-blocks .tl-card > :first-child { margin-top: 0; }
.tl-blocks .tl-card > :last-child { margin-bottom: 0; }
.tl-blocks .tl-band h2 + .tl-sub, .tl-blocks .tl-band h1 + p { margin-top: 0; }

.tl-blocks .wp-block-buttons { margin: 20px 0 0; }
.tl-blocks .tl-band > .wp-block-buttons { padding-left: var(--gutter); padding-right: var(--gutter); }

/* Typographic roles the converter assigns to Elementor "div" headings. */
.tl-blocks p.tl-lead { font-size: 1.15rem; color: var(--texto-sec); max-width: 62ch; }
.tone-marino p.tl-lead, .tone-orange p.tl-lead { color: rgba(255, 255, 255, .88); }
.tl-blocks p.tl-price { font-family: var(--font-sans); font-weight: 900; font-stretch: var(--stretch-display); font-size: 2.4rem; line-height: 1; margin: 6px 0 14px; color: var(--marino); }
.tl-blocks p.tl-price span, .tl-blocks p.tl-price small { font-family: var(--font-mono); font-size: .9rem; font-weight: 500; color: var(--gris-texto); letter-spacing: 0; }
.tl-blocks p.tl-step { font-family: var(--font-mono); font-size: .9rem; color: var(--naranja-texto); margin: 0 0 8px; }
.tone-marino p.tl-step { color: #fff; }
.tl-blocks p.tl-check { font-weight: 600; margin: 0 0 10px; }
.tl-blocks p.tl-more { margin: 14px 0 0; }
.tl-blocks p.tl-more a { display: inline-block; padding: 10px 0; font-weight: 700; text-decoration: none; color: var(--naranja-texto); }
.tl-blocks p.tl-more a:hover { text-decoration: underline; }
.tl-blocks .tl-stores { font-size: 1.1rem; font-weight: 600; color: var(--texto-sec); letter-spacing: .01em; }
.tl-blocks .tl-mono, .tl-blocks strong.tl-mono { font-family: var(--font-mono); font-weight: 500; color: var(--naranja-texto); font-size: 1.05rem; }

/* FAQ and any accordion: Details blocks, drawn chevron, no height animation. */
.wp-block-details { margin: 0 0 10px; border: 1px solid var(--linea); border-radius: 12px; background: #fff; color: var(--texto); }
.wp-block-details summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; cursor: pointer; list-style: none; font-weight: 700; font-size: 1.05rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: ""; flex: 0 0 auto; width: 10px; height: 10px; margin-top: -4px; border-right: 2px solid var(--naranja-texto); border-bottom: 2px solid var(--naranja-texto); transform: rotate(45deg); transition: transform var(--dur-base) var(--ease-envio); }
.wp-block-details[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
.wp-block-details > :not(summary) { padding: 0 18px; }
.wp-block-details > :last-child { padding-bottom: 16px; }

.wp-block-columns { gap: 22px; margin: 1.6rem 0; }
.tl-hide-t { } .tl-hide-m { }
@media (min-width: 768px) and (max-width: 1024px) { .tl-hide-t { display: none !important; } }
@media (max-width: 767px) {
  .tl-hide-m { display: none !important; }
  .tl-blocks .is-row { gap: 16px; }
  .tl-blocks p.tl-price { font-size: 2rem; }
}

/* ===== Converted pages: shared fixes measured against the live reference (Task 14) ===== */
/* Kicker on marino: live shows it orange; #FF8A50 keeps the look at 6:1 on #0E263A (the #FC5000 of live is 4.2:1). */
.tone-marino .tl-kicker { color: #FF8A50; }
/* Band intro paragraphs */
.tl-blocks .tl-band > p:not([class]) { font-size: 1.15rem; line-height: 1.55; }
.tl-blocks .tl-band.tone-marino > p:not([class]) { color: rgba(255, 255, 255, .86); }
.tl-blocks .tl-band.tone-light > p:not([class]), .tl-blocks .tl-band.tone-white > p:not([class]) { color: var(--texto-sec); }
/* Cards: small gray mono label, compact title, value in orange mono */
.tl-blocks .tl-card .tl-kicker { color: var(--gris-texto); margin-bottom: 4px; }
.tl-blocks .tl-card h2, .tl-blocks .tl-card h3 { font-size: 1.5rem; margin: 0 0 4px; }
.tl-blocks .tl-card p { margin: 0 0 6px; }
.tl-blocks p.tl-value { font-family: var(--font-mono); font-weight: 500; font-size: 1.3rem; line-height: 1.3; color: var(--naranja-texto); margin: 2px 0 6px; word-break: break-word; }
.tl-blocks p.tl-value a { color: inherit; text-decoration: none; }
.tl-blocks p.tl-value a:hover { text-decoration: underline; }
.tl-blocks .is-row > .tl-card { flex: 1 1 300px; }

/* Orange closing band: centered, big white line, buttons centered */
.tl-blocks .tl-band.tone-orange { text-align: center; }
.tl-blocks .tl-band.tone-orange > h2, .tl-blocks .tl-band.tone-orange > p:not([class]) { margin-left: auto; margin-right: auto; }
.tl-blocks .tl-band.tone-orange > p:not([class]) { color: #fff; font-size: 1.5rem; font-weight: 600; max-width: 40ch; }
.tl-blocks .tl-band.tone-orange .is-row, .tl-blocks .tl-band.tone-orange .wp-block-buttons { justify-content: center; }
@media (max-width: 767px) { .tl-blocks .tl-band.tone-orange > p:not([class]) { font-size: 1.25rem; font-weight: 700; } }
/* Phone, WhatsApp and email links inside cards read as data: mono, no underline (live look). */
.tl-blocks .tl-card p a[href^="https://wa.me"], .tl-blocks .tl-card p a[href^="mailto:"], .tl-blocks .tl-card p a[href^="tel:"] { font-family: var(--font-mono); font-weight: 500; text-decoration: none; color: var(--naranja-texto); }
.tl-blocks .tl-card p a[href^="https://wa.me"]:hover, .tl-blocks .tl-card p a[href^="mailto:"]:hover { text-decoration: underline; }
/* A card that sits straight in a band lines up with the wrap's text edge. */
.tl-blocks .wp-block-group.tl-band > .tl-card { max-width: calc(var(--wrap) - 2 * var(--gutter)); }
/* Centered text and rows carried from Elementor's align settings (home section headers, bands). */
.tl-blocks .has-text-align-center { text-align: center; }
.tl-blocks .tl-band > .has-text-align-center:is(h1, h2, p) { margin-left: auto; margin-right: auto; }

.tl-blocks .is-center, .tl-blocks .is-row.is-center { justify-content: center; }
.tl-blocks .is-center > .tl-card { flex-grow: 0; flex-basis: 360px; }
/* Step numbers read big and orange (live). */
.tl-blocks p.tl-step { font-family: var(--font-sans); font-weight: 900; font-stretch: var(--stretch-display); font-size: 1.6rem; line-height: 1; color: var(--naranja-texto); }
.tone-marino p.tl-step, .tl-card.tone-marino p.tl-step { color: #FF8A50; }
/* Check lines as chips (Quiénes somos). */
.tl-blocks .is-row > p.tl-check { flex: 0 0 auto; margin: 0; padding: 8px 14px; border: 1px solid var(--linea); border-radius: var(--r-md); background: #fff; font-size: .95rem; }
/* Centered text-editor content on the orange band keeps the big white line. */
.tl-blocks .tl-band.tone-orange > .tl-text p { color: #fff; font-size: 1.5rem; font-weight: 600; }
@media (max-width: 767px) { .tl-blocks .tl-band.tone-orange > .tl-text p { font-size: 1.25rem; font-weight: 700; } }
.tl-blocks .tl-band > .tl-text.has-text-align-center p { color: inherit; }
/* Kicker on the orange band: marino reads 4.6:1 at 12px; white was 3.3:1. */
.tone-orange .tl-kicker, .tl-blocks .tone-orange p.tl-kicker { color: var(--marino); }
/* Linked headings (guide cards) read as headings, as in Elementor; orange only on hover. */
.tl-blocks :is(h1, h2, h3, h4) a { color: inherit; text-decoration: none; }
.tl-blocks :is(h1, h2, h3, h4) a:hover { color: var(--naranja-texto); }
/* Other links inside cards (social profiles): navy, bold, no underline (live look). */
.tl-blocks .tl-card .tl-text a:not([href^="https://wa.me"]):not([href^="mailto:"]):not([href^="tel:"]) { color: var(--marino); font-weight: 700; text-decoration: none; }
.tl-blocks .tl-card .tl-text a:not([href^="https://wa.me"]):not([href^="mailto:"]):not([href^="tel:"]):hover { color: var(--naranja-texto); text-decoration: underline; }
.tl-blocks .tone-marino .tl-text a:not([href^="https://wa.me"]):not([href^="mailto:"]) { color: #fff; }
/* Converted headings wrap like they did on the Elementor pages (no balancing). */
.tl-blocks :is(h1, h2, h3) { text-wrap: wrap; }
/* Elementor-style accordion: + / - on the left, chevron off. */
.tl-blocks .tl-accordion summary { justify-content: flex-start; gap: 10px; }
.tl-blocks .tl-accordion summary::after { content: none; }
.tl-blocks .tl-accordion summary::before { content: "+"; flex: 0 0 auto; width: 14px; font-weight: 700; font-size: 1.25em; line-height: 1; color: var(--naranja-texto); }
.tl-blocks .tl-accordion details[open] > summary::before { content: "\2212"; }
/* Accordion answer: indented under the question, tight list like the Elementor version. */
.tl-blocks .tl-accordion details > :not(summary) { padding: 0 22px 0 46px; font-size: 15px; line-height: 1.55; }
.tl-blocks .tl-accordion details > :nth-child(2) { margin-top: 16px; }
.tl-blocks .tl-accordion details > :last-child { padding-bottom: 20px; }
.tl-blocks .tl-accordion details :is(ul, ol) { margin: 8px 0 12px; padding-left: 64px; }
.tl-blocks .tl-accordion details li { margin: 0 0 6px; padding-left: 2px; }
.tl-blocks .tl-accordion details li::marker { color: var(--marino); }
.tl-blocks .tl-accordion details p { margin: 0 0 10px; }

/* Auditoría 2026-10-08, arreglos que deben ganarle al CSS por página (_tl_page_css, #content .tl-w-* / .tl-c-*) */
/* banda naranja: blanco sobre #FC5000 da 3.3:1; a 24px (20px negrita en el celular) y botones a 19px negrita es texto grande y pasa */
#content .tl-band.tone-orange > .tl-text { font-size: 24px !important; line-height: 1.35 !important; }
#content .tl-band.tone-orange .wp-block-button__link { font-size: 19px !important; }
@media (max-width: 767px) { #content .tl-band.tone-orange > .tl-text { font-size: 20px !important; font-weight: 700; } }
/* casillero: el recuadro de Shein sin la barra naranja de 3px (venía del custom CSS de Elementor) */
#content .tl-card.tl-c-7b896b36 { border-left-width: 1px !important; border-left-color: #E2E2E2 !important; border-radius: 12px !important; }
/* rastreador: el plugin pinta "Buscar" en #FC5000 (3.3:1 con blanco); botón lleno = --naranja-boton */
.tl-search-row button { background-color: var(--naranja-boton) !important; border-color: var(--naranja-boton) !important; }
.tl-search-row button:hover { background-color: var(--naranja-boton-hover) !important; border-color: var(--naranja-boton-hover) !important; }
/* D5: sin kickers de sección (la etiqueta chica arriba de un h1/h2/h3); las etiquetas dentro de tarjetas se quedan porque dicen algo ("BANCO · DÓLARES", "ENVÍO EXPRESS") */
.tl-kicker:has(+ :is(h1, h2, h3)) { display: none !important; }
.tl-card .tl-kicker:has(+ :is(h1, h2, h3)) { display: block !important; }
/* casillero: en desktop la dirección de tiendas y la de SHEIN van lado a lado (el formulario vive en el contenido de la página 2315) */
@media (min-width: 1024px) {
  #content #tl-addr.tl-addr:not(.tl-addr--solo) { max-width: calc(1140px + 2 * var(--gutter, 24px)) !important; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
  #content #tl-addr .tl-addr-shein { margin-top: 0; }
}
/* guía de Shein: la tarjeta de SHEIN sola, en la columna del artículo */
#content #tl-addr.tl-addr--solo { max-width: none; padding: 0; margin: 24px 0; }
#content #tl-addr.tl-addr--solo .tl-addr-shein { margin-top: 0; }
/* guía de Shein: la tarjeta en marino para que resalte sobre el blanco; textos chicos en #C9D6E2 (10:1) y enlaces en #FF8A50 (6:1) */
#content #tl-addr.tl-addr--solo .tl-addr-card { background: var(--marino); border-color: var(--marino); box-shadow: var(--shadow-md); color: #fff; }
#content #tl-addr.tl-addr--solo .tl-addr-title { color: #fff; }
#content #tl-addr.tl-addr--solo .tl-addr-sub,
#content #tl-addr.tl-addr--solo .tl-addr-count,
#content #tl-addr.tl-addr--solo .tl-addr-note,
#content #tl-addr.tl-addr--solo .tl-addr-row label,
#content #tl-addr.tl-addr--solo .tl-addr-half label { color: #C9D6E2; }
#content #tl-addr.tl-addr--solo .tl-addr-count.is-warn { color: #FF8A50; }
#content #tl-addr.tl-addr--solo .tl-addr-row input { background: #fff; border-color: #fff; color: var(--marino); }
#content #tl-addr.tl-addr--solo .tl-addr-row input[readonly] { background: #E8EEF3; border-color: #E8EEF3; }
#content #tl-addr.tl-addr--solo .tl-addr-tab { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, .45) !important; }
#content #tl-addr.tl-addr--solo .tl-addr-tab[aria-pressed="true"] { background: #fff !important; border-color: #fff !important; color: var(--marino) !important; }
#content #tl-addr.tl-addr--solo .tl-addr-copy { background: transparent !important; color: #fff !important; border-color: #fff !important; }
#content #tl-addr.tl-addr--solo .tl-addr-copy:hover,
#content #tl-addr.tl-addr--solo .tl-addr-copy.is-done { background: #fff !important; color: var(--marino) !important; }
#content #tl-addr.tl-addr--solo .tl-addr-nodash { color: #FF8A50 !important; }
#content #tl-addr.tl-addr--solo :is(.tl-addr-tab, .tl-addr-copy, .tl-addr-all, .tl-addr-nodash):focus-visible { outline-color: #fff; box-shadow: 0 0 0 5px var(--marino); }
/* guía de Shein: tarjeta compacta (pestañas y nombre a 32px, campos a 34px, menos aire); 32px es el mínimo cómodo para el dedo en el celular */
#content #tl-addr.tl-addr--solo .tl-addr-card { padding: 22px; }
#content #tl-addr.tl-addr--solo .tl-addr-sub { margin-bottom: 14px; }
#content #tl-addr.tl-addr--solo .tl-addr-tabs { margin-bottom: 14px; gap: 6px; }
#content #tl-addr.tl-addr--solo .tl-addr-tab { height: 32px; padding: 0 10px !important; font-size: 14px !important; border-radius: 8px !important; gap: 6px; }
#content #tl-addr.tl-addr--solo .tl-addr-mode-ico { width: 16px; height: 16px; }
#content #tl-addr.tl-addr--solo .tl-addr-row { margin-bottom: 10px; gap: 4px 8px; }
#content #tl-addr.tl-addr--solo .tl-addr-half { gap: 4px; }
#content #tl-addr.tl-addr--solo .tl-addr-row input { height: 34px; padding: 0 12px; font-size: 16px; border-radius: 6px; }
#content #tl-addr.tl-addr--solo .tl-addr-row input[type="text"] { height: 32px; }
#content #tl-addr.tl-addr--solo .tl-addr-copy { width: 34px; height: 34px; border-radius: 6px !important; }
#content #tl-addr.tl-addr--solo .tl-addr-copy .tl-addr-ico { width: 16px; height: 16px; }
#content #tl-addr.tl-addr--solo .tl-addr-count { margin: -4px 0 10px; }
#content #tl-addr.tl-addr--solo .tl-addr-all { padding: 11px; margin-top: 4px; }
@media (max-width: 480px) { #content #tl-addr.tl-addr--solo .tl-addr-card { padding: 16px; } #content #tl-addr.tl-addr--solo .tl-addr-copy { width: 34px; } }
/* formulario de dirección (casillero y guía de Shein): el botón de copiar va dentro del campo, a la derecha, en vez de en su propia columna */
#content #tl-addr .tl-addr-row:has(> .tl-addr-copy) { grid-template-columns: 1fr; }
#content #tl-addr .tl-addr-row > label { grid-row: 1; }
#content #tl-addr .tl-addr-row > input:has(+ .tl-addr-copy) { grid-row: 2; grid-column: 1; padding-right: 44px; }
#content #tl-addr .tl-addr-row > .tl-addr-copy { grid-row: 2; grid-column: 1; justify-self: end; align-self: stretch; width: 40px !important; height: auto !important; margin: 1px; background: transparent !important; border: 0 !important; border-radius: 0 var(--r-sm) var(--r-sm) 0 !important; color: var(--marino) !important; }
#content #tl-addr .tl-addr-row > .tl-addr-copy:hover { background: rgba(14, 38, 58, .08) !important; color: var(--marino) !important; }
#content #tl-addr .tl-addr-row > .tl-addr-copy.is-done { background: transparent !important; color: var(--naranja-texto) !important; }
#content #tl-addr .tl-addr-row > .tl-addr-copy:focus-visible { outline: 2px solid var(--marino); outline-offset: -3px; box-shadow: none; }
#content #tl-addr .tl-addr-row > .tl-addr-copy .tl-addr-ico { width: 18px; height: 18px; }
/* guía de Shein: menos aire entre campos (etiqueta a 11px pegada al campo, 6px entre filas) */
#content #tl-addr.tl-addr--solo .tl-addr-row { margin-bottom: 6px; row-gap: 3px; }
#content #tl-addr.tl-addr--solo .tl-addr-half { gap: 3px; }
#content #tl-addr.tl-addr--solo :is(.tl-addr-row, .tl-addr-half) label { font-size: 11px; line-height: 12px; }
#content #tl-addr.tl-addr--solo .tl-addr-note { margin-top: 1px; }
/* guía de Shein: desde 600px los campos van de dos en dos (nombre y apellido, address 2 y dirección, ciudad y estado, ZIP y teléfono); en el celular siguen uno por fila porque a la mitad no cabe la dirección */
@media (min-width: 600px) {
  #content #tl-addr.tl-addr--solo .tl-addr-card { display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px; align-items: start; }
  #content #tl-addr.tl-addr--solo .tl-addr-card > * { grid-column: 1 / -1; }
  #content #tl-addr.tl-addr--solo .tl-addr-card > .tl-addr-row:has(> .tl-addr-copy) { grid-column: auto; }
}