/* Tickets Costa del Sol · V23.3.0 · arreglos del editor y del texto de las fichas (panel y web) */

/* ── Texto de fichas y guías: tablas que no caben en el móvil ───────────────────── */
.prose .table-scroll{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border-radius:10px;
  background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) 100% 0,
  radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.18),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.18),rgba(0,0,0,0)) 100% 0;
  background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.prose .table-scroll>table{display:table;width:100%;min-width:max-content;margin:0;border-collapse:collapse}
.prose .table-scroll>table th,.prose .table-scroll>table td{min-width:7.5rem}
.prose .table-scroll-hint{display:none;margin:.25rem 0 0;font-size:.8rem;opacity:.7}
@media (max-width:700px){.prose .table-scroll-hint{display:block}}

/* ── Imágenes con posición: ancho completo, centrada, izquierda o derecha (texto al lado) ── */
.prose figure{margin:1.25rem 0}
.prose figure img{width:100%;height:auto}
.prose figure figcaption{font-size:.88rem;opacity:.78;margin-top:.4rem;text-align:center}
.prose figure.img-center{max-width:min(100%,560px);margin-inline:auto}
.prose figure.img-left,.prose figure.img-right{width:min(44%,380px)}
.prose figure.img-left{float:left;margin:.35rem 1.4rem .8rem 0}
.prose figure.img-right{float:right;margin:.35rem 0 .8rem 1.4rem}
.prose figure.img-left figcaption,.prose figure.img-right figcaption{text-align:left}
.prose h2,.prose h3,.prose .table-scroll,.prose .aff-box,.prose .content-gallery,.prose .content-carousel,.prose hr{clear:both}
.prose::after{content:"";display:block;clear:both}
/* Los recuadros, citas y bloques que van junto a una imagen lateral se colocan a su lado (no por debajo de ella) */
.prose aside,.prose blockquote,.prose .info-box,.prose .editor-button-block,.prose .component-align,.prose ul,.prose ol{display:flow-root}
@media (max-width:640px){.prose figure.img-left,.prose figure.img-right{float:none;width:100%;margin:1rem 0}}

/* ── Botones del editor: alineación ─────────────────────────────────────────── */
.editor-button-block.align-center,.component-align.align-center{text-align:center}
.editor-button-block.align-right,.component-align.align-right{text-align:right}
.editor-button-block.align-left,.component-align.align-left{text-align:left}
.component-align>*{margin-inline:0}
.component-align.align-center>*{margin-inline:auto}
.component-align.align-right>*{margin-left:auto}

/* ── Editor (panel): nada se sale por la derecha ────────────────────────────── */
.ed600,.ed600-surface,.ed600-content{min-width:0;max-width:100%}
.ed600-content{overflow-wrap:anywhere}
.ed600-content .tableWrapper,.ed600-content>table{display:block;max-width:100%;overflow-x:auto}
.ed600-content table{min-width:max-content}
.ed600-content iframe,.ed600-content video{max-width:100%}
.ed600-toolbar{min-width:0;max-width:100%}
.ed600-group{flex-wrap:wrap;min-width:0;max-width:100%}
.ed600-block,.ed600-block-body{min-width:0;max-width:100%;overflow-x:auto}
.ed600-raw iframe,.ed600-raw table{max-width:100%}
.grid-main>*,.two-col>*,.ed620-main,.ed620-side{min-width:0}
.review-check input,.ed620-side input,.ed620-side select,.ed620-side textarea{max-width:100%;box-sizing:border-box}
/* Vista previa de la posición de la imagen dentro del editor */
.ed600-fig-left,.ed600-fig-right{max-width:55%}
.ed600-fig-left{margin-right:auto}
.ed600-fig-right{margin-left:auto}
.ed600-fig-center{max-width:70%;margin-inline:auto}
.ed600-pos{display:block;text-align:center;margin-top:.35rem}
/* Código de afiliado como etiqueta */
.ed600-affcode{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.12rem .55rem;border-radius:999px;background:#fff4e5;border:1px solid #f2c27a;color:#7a4a00;font-size:.85em;font-weight:600;white-space:normal;cursor:default;vertical-align:baseline}
.ProseMirror-selectednode.ed600-affcode,.ed600-affcode.ProseMirror-selectednode{outline:2px solid #0b6e63}

/* ── Panel: nombre de la web en el menú lateral, sin cortarse ───────────────── */
.sidebar .brand{min-width:0}
.sidebar .brand-copy{min-width:0;overflow:hidden}
.sidebar .brand-copy b{white-space:normal;line-height:1.15;overflow-wrap:anywhere}

/* ── Avisos del editor (p. ej. «Faltan las fechas de este evento») ───────────── */
.alert.warning{background:#fff4e5;border:1px solid #f2c27a;color:#6b4200;border-radius:12px;padding:.85rem 1rem}
.alert.warning a{color:inherit;font-weight:700}

/* ── Ayuda de tamaños de imagen ─────────────────────────────────────────────── */
.img-size-hint{display:block;margin-top:.35rem;font-size:.82rem;line-height:1.4;color:#5f6b6a}
.img-size-hint b{color:#2a3a3a}

/* 24.0.0 · Editor: «Datos de la ficha» */
.f24-editor .f24-lang{border:1px solid #e3e9ee;border-radius:12px;padding:.4rem .9rem;margin:.6rem 0}
.f24-editor .f24-lang>summary{cursor:pointer;font-weight:700;padding:.4rem 0}
.f24-editor label{display:grid;gap:.25rem;margin:.7rem 0}
.f24-editor label small{color:#5f6b6a;font-size:.8rem}
.f24-editor textarea{min-height:5.5rem}
.f24-editor .f24-gallery-pick{margin:-.3rem 0 .6rem}
