.wp-block-dev360-slider{position:relative;}
.wp-block-dev360-slider .slideshow-container{position:relative;width:100%;background:#000;aspect-ratio:3/2;overflow:hidden}
@supports not (aspect-ratio: 1 / 1){
  .wp-block-dev360-slider .slideshow-container::before{content:'';display:block;padding-top:66.6667%}
  .wp-block-dev360-slider .slideshow-container > *{position:absolute;inset:0}
}
/* Slides ocupando el contenedor (frontend) */
body:not(.block-editor-page) .wp-block-dev360-slide{position:absolute;inset:0;display:none}
body:not(.block-editor-page) .wp-block-dev360-slide.dev360-active{display:block}
/* Forzar wrappers a ocupar todo el área */
.wp-block-dev360-slide .slide,
.wp-block-dev360-slide .slide-image,
.wp-block-dev360-slide .slide-image figure{position:absolute;inset:0;margin:0}
.wp-block-dev360-slide .slide-image figcaption{position:absolute;left:16px;bottom:12px;display:inline-block;max-width:70%;background:rgba(0,0,0,.6);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;line-height:1.2;z-index:6}
.wp-block-dev360-slide .slide-info{display:none}
.wp-block-dev360-slide img{width:100%;height:100%;object-fit:contain;display:block}
/* Controles */
.dev360-crsl-prev,.dev360-crsl-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.65);color:#fff;border:0;width:40px;height:40px;border-radius:8px;cursor:pointer;z-index:999;font-size:26px;line-height:40px;pointer-events:auto}
.dev360-crsl-prev{left:10px}
.dev360-crsl-next{right:10px}
/* Botón fullscreen */
.dev360-crsl-fs{position:absolute;top:10px;right:10px;background:#e0e0e0;color:#111;border:0;width:44px;height:44px;border-radius:10px;cursor:pointer;z-index:6;font-size:28px;line-height:44px}
.dev360-crsl-fs:hover{background:#d0d0d0}
.dev360-crsl-fs::after{content:attr(data-tooltip);position:absolute;right:54px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}
.dev360-crsl-fs:hover::after{opacity:1}
/* Área de título y descripción bajo la imagen */
.dev360-caption{margin-top:12px}
.dev360-caption-title{margin:0 0 25px;font-size:26px;line-height:1.25;font-weight:700}
.dev360-caption-desc{margin:0;color:#444;line-height:1.4}
/* Márgenes entre párrafos en el front */
.dev360-caption-desc p{margin:0 0 3px}
.dev360-caption-desc p:first-child{margin-top:0}
.dev360-caption-desc p:last-child{margin-bottom:0}
/* Meta de crédito dentro del caption */
/* Por defecto, ocultar el crédito/meta en modo normal para evitar duplicado visual */
.dev360-caption-meta{display:none;margin-top:6px;color:#bbb;font-size:12px;line-height:1.2;text-align:right;padding-right:40px}
/* Modo fullscreen */
.wp-block-dev360-slider.dev360-fs-on{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:999999}
.wp-block-dev360-slider.dev360-fs-on.dev360-fs-has-ad{display:grid;grid-template-columns:1fr 370px}
.wp-block-dev360-slider.dev360-fs-on .slideshow-container{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.wp-block-dev360-slider.dev360-fs-on.dev360-fs-has-ad .slideshow-container{position:relative;inset:auto}
.wp-block-dev360-slider.dev360-fs-on .dev360-fs-ad{background:#111;color:#bbb;display:flex;align-items:center;justify-content:center;font-size:14px}
.wp-block-dev360-slider.dev360-fs-on .dev360-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;padding:20px 40px}
.wp-block-dev360-slider.dev360-fs-on.dev360-fs-has-ad .dev360-caption{right:370px}
.wp-block-dev360-slider.dev360-fs-on .dev360-caption-title{color:#fff;margin-bottom:24px} /* espacio título→descripción 24px sólo en fullscreen */
.wp-block-dev360-slider.dev360-fs-on .dev360-caption-desc{color:#e6e6e6}
/* Espaciado de párrafos mayor en fullscreen; extra espacio antes del meta */
.wp-block-dev360-slider.dev360-fs-on .dev360-caption-desc p{margin:0 0 16px}
.wp-block-dev360-slider.dev360-fs-on .dev360-caption-desc p:last-child{margin-bottom:24px}
/* Mostrar el crédito/meta SOLO en modo fullscreen */
.wp-block-dev360-slider.dev360-fs-on .dev360-caption-meta{display:block}
/* Ocultar figcaption en modo fullscreen para evitar solapamiento con el caption */
.wp-block-dev360-slider.dev360-fs-on .slide-image figcaption{display:none}
/* Bloqueo de scroll del documento cuando está en fullscreen */
html.dev360-no-scroll, body.dev360-no-scroll{overflow:hidden !important}

/* =============================
   Editor (Gutenberg) overrides
   ============================= */
.block-editor-page .wp-block-dev360-slider .slideshow-container{
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
  position:relative;
}
.block-editor-page .wp-block-dev360-slide-editor{display:flex;gap:24px}
.block-editor-page .wp-block-dev360-slide-editor .slide-editor{display:flex;gap:24px;align-items:flex-start}
.block-editor-page .wp-block-dev360-slide-editor .slide-image-editor{flex:0 0 320px;max-width:320px;min-width:320px;height:220px}
.block-editor-page .wp-block-dev360-slide-editor .slide-image-editor figure{margin:0;height:100%;position:relative;overflow:hidden}
.block-editor-page .wp-block-dev360-slide-editor .slide-image-editor img{width:100%;height:100%;object-fit:cover;display:block}
.block-editor-page .wp-block-dev360-slide-editor .slide-image-editor figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.block-editor-page .wp-block-dev360-slide-editor .slide-meta-id{margin-top:8px;font-size:12px;color:#666}
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor{flex:1 1 auto;min-width:0}
.block-editor-page .wp-block-dev360-slide .slide-static-data{grid-column:1 / -1;margin-top:8px;font-size:12px;color:#666}
.block-editor-page .wp-block-dev360-slide-editor .components-base-control{margin-bottom:12px}
/* Copyright y Autor en una fila 50/50 */
.block-editor-page .wp-block-dev360-slide-editor .dev360-row-2cols{display:flex;gap:12px}
.block-editor-page .wp-block-dev360-slide-editor .dev360-row-2cols .components-base-control{flex:1 1 50%}
/* Título del slide (editor) un poco más grande */
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor h3{
  font-size:20px !important;
  line-height:1.3 !important;
  margin:0 0 25px !important; /* Espacio controlado entre título y descripción */
}
/* Separar previsualización de copy del texto */
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor .block-editor-rich-text__editable{
  margin-top:10px;
  margin-bottom:12px;
  font-size:16px;
  line-height:1.4;
  /* Sin recortes: que crezca según contenido, pero con tipografía unificada */
  white-space:pre-wrap !important;
  overflow:visible;
  word-break:break-word;
}
/* Márgenes entre párrafos en el editor */
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor .block-editor-rich-text__editable p{margin:0 0 3px}
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor .block-editor-rich-text__editable p:first-child{margin-top:0}
.block-editor-page .wp-block-dev360-slide-editor .slide-info-editor .block-editor-rich-text__editable p:last-child{margin-bottom:0}
.block-editor-page .wp-block-dev360-slide-editor .slide-meta-url{margin-top:8px;font-size:12px;color:#666}
.block-editor-page .wp-block-dev360-slider .slideshow-container .wp-block-dev360-slide{
  position:relative;
  inset:auto;
  display:block !important;
}
.block-editor-page .wp-block-dev360-slider .slide,
.block-editor-page .wp-block-dev360-slider .slide-image,
.block-editor-page .wp-block-dev360-slider .slide-image figure{
  position:relative;
  inset:auto;
}
/* Evitar mayúsculas forzadas en los títulos dentro del editor */
.block-editor-page .wp-block-dev360-slider .dev360-caption-title,
.block-editor-page .wp-block-dev360-slider .slide-info h3,
.block-editor-page .wp-block-dev360-slider .slide-info-editor h3,
.block-editor-page .wp-block-dev360-slider .slide-info .block-editor-rich-text__editable[role="textbox"],
.block-editor-page .wp-block-dev360-slider .slide-info-editor .block-editor-rich-text__editable[role="textbox"]{
  text-transform:none !important;
}
/* Ocultar controles en el editor */
.block-editor-page .wp-block-dev360-slider .dev360-crsl-prev,
.block-editor-page .wp-block-dev360-slider .dev360-crsl-next,
.block-editor-page .wp-block-dev360-slider .dev360-crsl-fs{
  display:none !important;
}

/* =============================
   Evitar mayúsculas forzadas en el título del editor
   (post title y bloque post-title)
   ============================= */
.block-editor-page .editor-post-title__input,
.block-editor-page .editor-styles-wrapper .wp-block-post-title,
.block-editor-page .editor-styles-wrapper .wp-block-post-title *{
  text-transform:none !important;
}