:root{--orange:#f47a20;--bg:#090a0b;--panel:#111315;--panel2:#17191c;--text:#f5f5f3;--muted:#9ca0a4;--line:#2a2d31;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:110px 0;border-bottom:1px solid #17191b}.site-header{position:sticky;top:0;z-index:40;background:rgba(9,10,11,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}.brand img,.footer-logo{width:180px;display:block}.nav{margin-left:auto;display:flex;gap:26px;align-items:center}.nav a{font-size:13px;color:#c8cbcd}.nav a:hover{color:#fff}.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.btn{border:0;border-radius:4px;padding:14px 20px;font:700 13px Manrope;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--orange);color:#111}.btn-ghost{border:1px solid var(--line);background:transparent;color:#fff}.btn-small{padding:10px 14px}.announcement-bar{display:none;background:var(--orange);color:#111;text-align:center;padding:9px 16px;font-weight:800;font-size:12px}.announcement-bar.show{display:block}.hero{padding-top:86px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:650px}.eyebrow,.section-label{color:var(--orange);font-size:12px;letter-spacing:.14em;font-weight:800}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:20px 0 28px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead,.large-copy{font-size:20px;line-height:1.65;color:#d6d8d9}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-meta{display:flex;gap:34px;margin-top:50px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:24px}.hero-meta span{font-size:11px;color:var(--muted)}.media-frame{overflow:hidden;position:relative}.media-frame img{width:100%;height:100%;object-fit:cover;transform-origin:center;display:block}.hero-image{height:610px;background:#131517}.hero-frame{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.16);pointer-events:none}.machine-label{position:absolute;left:18px;bottom:18px;background:#090a0be6;padding:12px 14px;font-size:11px}.machine-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.split{display:grid;grid-template-columns:1fr 2.2fr;gap:80px}.split h2,.section-head h2,#contacto h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.section-head h2 span,#contacto h2 span{color:#70757a}.copy-muted{color:var(--muted);line-height:1.8}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.service-card{background:var(--bg);padding:34px;min-height:240px}.service-num{color:var(--orange);font-size:11px}.service-card h3{font-size:21px;margin:36px 0 12px}.service-card p,.equipment-info p,.news-body p{color:var(--muted);line-height:1.7;font-size:14px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.equipment-card,.news-card{background:var(--panel);border:1px solid var(--line)}.equipment-photo{height:290px}.equipment-photo span{position:absolute;left:14px;bottom:14px;background:#090a0bd9;padding:8px 10px;font-size:10px}.equipment-info{padding:22px}.equipment-kicker{font-size:10px;color:var(--orange);text-transform:uppercase}.equipment-info h3{margin:8px 0 0}.availability{color:var(--orange)!important}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work-card{position:relative;min-height:450px;overflow:hidden;background:#111}.work-image{position:absolute;inset:0}.work-overlay{position:absolute;inset:auto 0 0;padding:70px 28px 28px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.work-overlay h3{font-size:27px;margin:12px 0 6px}.status{font-size:10px;color:var(--orange)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-image{height:240px}.news-body{padding:22px}.text-link{font-size:12px;color:var(--orange)}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vision-card{border:1px solid var(--line);padding:28px}.vision-card span{font-size:10px;color:var(--orange)}.vision-card p{color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#9ca0a4}.field input,.field textarea{background:#101214;border:1px solid var(--line);color:#fff;padding:14px;font:14px Manrope}.field textarea{min-height:130px}.hp{display:none!important}.contact-panel{border:1px solid var(--line)}.contact-row{padding:20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px}.contact-row span{font-size:10px;color:var(--orange)}.map-wrap{height:300px;margin-top:18px}.map-wrap iframe{border:0;width:100%;height:100%}footer{padding:32px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-center{text-align:center;font-size:11px;color:#74797d}.footer-access{display:block;color:var(--orange);margin-top:8px}.to-top{text-align:right;font-size:10px}.floating-wa{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#24d366;color:#06130b;display:grid;place-items:center;font-weight:800;z-index:50}.popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;place-items:center;padding:24px;z-index:80}.popup-backdrop.open{display:grid}.popup{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;background:#111315;border:1px solid var(--line);position:relative}.popup-img{min-height:430px}.popup-copy{padding:44px}.popup-kicker{font-size:10px;color:var(--orange)}.popup-copy h3{font-size:34px}.popup-copy p{color:var(--muted);line-height:1.7}.popup-close{position:absolute;right:12px;top:10px;background:#090a0b;color:#fff;border:0;width:34px;height:34px;font-size:22px;z-index:2}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;background:#15181a;border:1px solid var(--line);padding:16px;display:none;align-items:center;justify-content:space-between;gap:20px;z-index:70}.cookie-banner.show{display:flex}.cookie-banner p{margin:0;color:#c6c9cb;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:.55s}.reveal.visible{opacity:1;transform:none}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:var(--muted)}.cta-box{padding:50px;border:1px solid var(--line);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats-grid article{border:1px solid var(--line);padding:28px;text-align:center}.stats-grid strong{display:block;font-size:38px;color:var(--orange)}.custom-image{height:420px;margin-top:24px}.article-hero{padding:110px 0 40px}.article-hero h1{font-size:clamp(42px,6vw,74px);margin:10px 0}.article-wrap{padding-bottom:100px}.article-image-wrap{height:min(70vh,720px);overflow:hidden}.article-image{width:100%;height:100%;object-fit:cover}.article-copy{max-width:820px;margin:42px auto;color:#cfd1d2;line-height:1.9}.article-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery-frame{height:420px;overflow:hidden}.gallery-frame img{width:100%;height:100%;object-fit:cover}.date{color:var(--muted)}
@media(max-width:900px){.container{width:min(100% - 32px,var(--max))}.desktop-cta{display:none}.menu-toggle{display:block}.nav{position:absolute;top:82px;left:0;right:0;background:#090a0bf5;border-bottom:1px solid var(--line);display:none;flex-direction:column;padding:20px}.nav.open{display:flex}.hero-grid,.contact-grid,.split{grid-template-columns:1fr}.hero-image{height:520px}.service-grid,.equipment-grid,.news-grid{grid-template-columns:1fr 1fr}.vision-grid{grid-template-columns:1fr}.section{padding:80px 0}.popup{grid-template-columns:1fr}.popup-img{min-height:280px}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.nav-wrap{height:70px}.brand img{width:148px}.nav{top:70px}.hero{padding-top:50px}.hero-grid{min-height:0;gap:36px}.hero h1{font-size:44px}.hero-image{height:420px}.hero-meta{gap:14px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-meta strong{font-size:19px}.hero-meta span{font-size:9px}.hero-actions{flex-direction:column;align-items:stretch}.service-grid,.equipment-grid,.works-grid,.news-grid{grid-template-columns:1fr}.work-card{min-height:380px}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:22px;text-align:center}.to-top{text-align:center}.cookie-banner{flex-direction:column;align-items:stretch}.popup-copy{padding:28px}.popup-copy h3{font-size:28px}.article-gallery{grid-template-columns:1fr}.gallery-frame{height:320px}.stats-grid{grid-template-columns:1fr}.custom-image{height:300px}}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cert-grid article{border:1px solid var(--line);padding:22px}.cert-grid p{color:var(--muted)}.download-list{border-top:1px solid var(--line)}.download-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.download-item b{color:var(--orange);font-size:12px}@media(max-width:620px){.cert-grid{grid-template-columns:1fr}}
#siteMain{display:flex;flex-direction:column}#customSections{display:block;order:55}

/* Tamaños base. El editor puede sobrescribirlos dinámicamente. */
.brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.brand img{
  width:135px;
  max-width:none;
  height:auto;
}

.footer-logo{
  width:150px;
  max-width:100%;
  height:auto;
}

@media(max-width:620px){
  .brand img{
    width:112px;
  }

  .footer-logo{
    width:130px;
    margin-inline:auto;
  }
}

.brand img,
.footer-logo{
  height:auto !important;
  object-fit:contain !important;
  aspect-ratio:auto !important;
}

/* En la Vista previa en vivo se conserva el diseño real,
   pero no se permite navegar dentro del iframe. */
.is-editor-preview a,
.is-editor-preview button,
.is-editor-preview form {
  cursor: default;
}

/* Menú navegable también dentro de Vista previa en vivo */
@media(max-width:900px){
  .is-editor-preview .nav.open{
    display:flex !important;
  }

  .is-editor-preview .menu-toggle{
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .is-editor-preview .nav a{
    pointer-events:auto !important;
    cursor:pointer !important;
  }
}

/* ===== CARRUSEL DE IMÁGENES ===== */

.hero-slides{
  position:absolute;
  inset:0;
}

.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .55s ease;
  transform-origin:center;
}

.hero-slide.active{
  opacity:1;
}

.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(5,6,6,.72);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.slider-prev{
  left:20px;
}

.slider-next{
  right:20px;
}

.slider-dots{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}

.slider-dots button{
  width:8px;
  height:8px;
  border:0;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.38);
  cursor:pointer;
}

.slider-dots button.active{
  background:var(--orange);
}

.slider-arrow[hidden],
.slider-dots[hidden]{
  display:none!important;
}

@media(max-width:620px){
  .slider-arrow{
    width:38px;
    height:38px;
  }

  .slider-prev{
    left:12px;
  }

  .slider-next{
    right:12px;
  }
}

/* ============================================
   Carrusel universal
   ============================================ */

.content-carousel{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#111315;
}

.content-carousel-slides{
  position:absolute;
  inset:0;
}

.content-carousel-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .55s ease;
  transform-origin:center;
}

.content-carousel-slide.active{
  opacity:1;
}

.content-carousel-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(5,6,6,.68);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  transition:opacity .2s;
}

.content-carousel:hover .content-carousel-arrow,
.content-carousel:focus-within .content-carousel-arrow{
  opacity:1;
}

.content-carousel-arrow.prev{
  left:10px;
}

.content-carousel-arrow.next{
  right:10px;
}

.content-carousel-dots{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
}

.content-carousel-dots button{
  width:8px;
  height:8px;
  min-width:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  cursor:pointer;
}

.content-carousel-dots button.active{
  background:var(--orange);
}

@media(max-width:700px){
  .content-carousel-arrow{
    opacity:1;
    width:36px;
    height:36px;
  }
}

/* Texto ampliado del anuncio emergente */
.popup-expanded{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  white-space:pre-line;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.popup-expanded[hidden]{
  display:none!important;
}

#popupLink{
  cursor:pointer;
}


/* ROCABADO GLOBAL LOGO SIZE */
:root{
  --rocabado-logo-width:70px;
}

.brand img,
.footer-logo{
  width:var(--rocabado-logo-width) !important;
  max-width:none !important;
  height:auto !important;
  display:block;
}

/*
 * El logo NO cambia de tamaño por dispositivo.
 * Se utiliza siempre el valor de Inicio / General.
 */
@media(max-width:620px){
  .brand img,
  .footer-logo{
    width:var(--rocabado-logo-width) !important;
    max-width:none !important;
    height:auto !important;
  }
}

/* ===== HEADER ADAPTABLE AL TAMAÑO GLOBAL DEL LOGO ===== */

.nav-wrap{
  height:auto !important;
  min-height:0 !important;
  padding:12px 0;
}

/*
 * La línea inferior pertenece al header,
 * por lo que queda siempre debajo del contenido real.
 */
.site-header{
  height:auto !important;
}

/* Mobile */
@media(max-width:620px){

  .nav-wrap{
    height:auto !important;
    min-height:0 !important;
    padding:10px 0;
  }

  /*
   * El menú desplegable comienza justo debajo
   * de la altura real del encabezado.
   */
  .nav{
    top:100% !important;
  }
}


/* Ícono oficial visual de WhatsApp */
.floating-wa svg{
  width:28px;
  height:28px;
  display:block;
}



/* ROCABADO WORK DETAIL CAROUSEL V2 */

.work-detail-wrap{
  padding-bottom:100px;
}

.work-detail-carousel{
  position:relative;

  height:min(70vh,720px);
  min-height:460px;

  overflow:hidden;

  background:#101214;

  border:
    1px solid
    var(--line);
}

.work-detail-track{
  position:absolute;
  inset:0;
}

.work-detail-slide{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  overflow:hidden;

  opacity:0;

  pointer-events:none;

  transition:
    opacity .25s ease;
}

.work-detail-slide.active{
  opacity:1;
  pointer-events:auto;
}

.work-detail-slide img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transform-origin:center;
}

.work-detail-nav{
  position:absolute;

  top:50%;

  z-index:5;

  transform:
    translateY(-50%);

  width:48px;
  height:48px;

  border:
    1px solid
    rgba(255,255,255,.28);

  background:
    rgba(9,10,11,.78);

  color:#fff;

  font-size:34px;

  cursor:pointer;
}

.work-detail-nav.prev{
  left:18px;
}

.work-detail-nav.next{
  right:18px;
}

.work-detail-count{
  position:absolute;

  right:18px;
  bottom:18px;

  z-index:5;

  background:
    rgba(9,10,11,.8);

  padding:
    8px 11px;

  font-size:11px;
}

.work-detail-dots{
  position:absolute;

  left:50%;
  bottom:20px;

  transform:
    translateX(-50%);

  z-index:5;

  display:flex;
  gap:7px;
}

.work-detail-dot{
  width:8px;
  height:8px;

  border:0;
  border-radius:50%;

  padding:0;

  background:
    rgba(255,255,255,.45);

  cursor:pointer;
}

.work-detail-dot.active{
  background:
    var(--orange);
}

.work-description{
  max-width:900px;

  margin:
    42px auto 0;
}

.work-description-copy{
  max-width:none;

  margin:
    14px 0 0;
}

@media(max-width:620px){

  .work-detail-carousel{
    height:58vh;
    min-height:340px;
  }

  .work-detail-nav{
    width:40px;
    height:40px;

    font-size:28px;
  }

  .work-detail-nav.prev{
    left:10px;
  }

  .work-detail-nav.next{
    right:10px;
  }

  .work-detail-count{
    right:10px;
    bottom:12px;
  }

  .work-detail-dots{
    bottom:14px;
  }

  .work-description{
    margin-top:30px;
  }

}


/* ROCABADO CAROUSEL CONTROLS VISIBLE V1 */

.work-detail-carousel{
  position:relative !important;
}

/*
 * Barra superior SIEMPRE visible.
 */
.work-carousel-toolbar{
  position:absolute !important;

  top:18px !important;
  left:50% !important;

  transform:
    translateX(-50%) !important;

  z-index:9999 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:10px !important;

  padding:8px !important;

  background:
    rgba(9,10,11,.92) !important;

  border:
    1px solid
    rgba(255,255,255,.22) !important;

  border-radius:5px !important;

  box-shadow:
    0 8px 30px
    rgba(0,0,0,.45) !important;
}


.work-carousel-toolbar-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:120px !important;

  padding:
    11px 16px !important;

  border:0 !important;
  border-radius:4px !important;

  background:
    #f47a20 !important;

  color:
    #090a0b !important;

  font-family:
    inherit !important;

  font-size:
    12px !important;

  font-weight:
    800 !important;

  cursor:pointer !important;

  opacity:1 !important;
  visibility:visible !important;
}


.work-carousel-toolbar-btn:hover{
  filter:
    brightness(1.08) !important;
}


.work-carousel-toolbar-count{
  min-width:90px !important;

  text-align:center !important;

  color:#fff !important;

  font-size:
    12px !important;

  white-space:
    nowrap !important;
}


.work-carousel-toolbar-count strong{
  color:
    #f47a20 !important;
}


/*
 * Asegurar que las imágenes queden debajo
 * de los controles.
 */
.work-detail-track{
  z-index:1 !important;
}


.work-detail-slide{
  z-index:1 !important;
}


.work-detail-slide.active{
  z-index:2 !important;
}


/*
 * Flechas laterales claramente visibles.
 */
.work-detail-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  visibility:visible !important;
  opacity:1 !important;

  z-index:9998 !important;

  width:54px !important;
  height:54px !important;

  border:
    2px solid
    rgba(255,255,255,.9) !important;

  border-radius:50% !important;

  background:
    #f47a20 !important;

  color:
    #090a0b !important;

  font-size:
    38px !important;

  font-weight:
    700 !important;

  box-shadow:
    0 5px 25px
    rgba(0,0,0,.55) !important;
}


.work-detail-nav.prev{
  left:22px !important;
}


.work-detail-nav.next{
  right:22px !important;
}


/*
 * Puntos y contador inferior.
 */
.work-detail-dots{
  display:flex !important;

  visibility:visible !important;
  opacity:1 !important;

  z-index:9998 !important;
}


.work-detail-count{
  display:block !important;

  visibility:visible !important;
  opacity:1 !important;

  z-index:9998 !important;
}


.work-detail-dot{
  width:10px !important;
  height:10px !important;

  border:
    1px solid
    rgba(255,255,255,.8) !important;
}


.work-detail-dot.active{
  background:
    #f47a20 !important;

  border-color:
    #f47a20 !important;
}


@media(max-width:700px){

  .work-carousel-toolbar{
    top:10px !important;

    width:
      calc(100% - 20px) !important;

    gap:6px !important;
  }


  .work-carousel-toolbar-btn{
    min-width:0 !important;

    flex:1 !important;

    padding:
      10px 8px !important;

    font-size:
      11px !important;
  }


  .work-carousel-toolbar-count{
    min-width:70px !important;

    font-size:
      11px !important;
  }


  .work-detail-nav{
    width:42px !important;
    height:42px !important;

    font-size:
      30px !important;
  }


  .work-detail-nav.prev{
    left:8px !important;
  }


  .work-detail-nav.next{
    right:8px !important;
  }

}


/* ROCABADO CARRUSEL SIMPLE V3 */

.work-detail-carousel-simple{
  width:100%;
  margin:0;
  background:#0b0c0d;
  border:1px solid rgba(255,255,255,.12);
}


.work-detail-viewport{
  position:relative;
  width:100%;
  background:#111;
  overflow:hidden;
}


.work-detail-slide-simple{
  display:none;
  width:100%;
}


.work-detail-slide-simple.active{
  display:block;
}


.work-detail-slide-simple img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:720px !important;
  object-fit:cover !important;
}


/*
 * CONTROLES DEBAJO DE LA FOTO.
 * No usan position:absolute.
 */
.work-detail-controls-simple{
  display:grid !important;
  grid-template-columns:
    minmax(120px,1fr)
    auto
    minmax(120px,1fr);

  align-items:center;

  gap:14px;

  padding:16px 18px;

  background:#111315;

  border-top:
    1px solid
    rgba(255,255,255,.12);
}


.work-detail-control-btn{
  display:flex !important;
  align-items:center;
  justify-content:center;

  min-height:46px;

  padding:12px 18px;

  border:0;
  border-radius:3px;

  background:#f47a20 !important;
  color:#08090a !important;

  font-family:inherit;
  font-size:13px;
  font-weight:800;

  cursor:pointer;

  visibility:visible !important;
  opacity:1 !important;
}


.work-detail-control-btn:first-child{
  justify-self:start;
}


.work-detail-control-btn:last-child{
  justify-self:end;
}


.work-detail-position{
  color:#fff;

  font-size:13px;
  text-align:center;

  white-space:nowrap;
}


.work-detail-position strong{
  color:#f47a20;
}


.work-detail-dots-simple{
  display:flex !important;
  justify-content:center;
  align-items:center;

  gap:8px;

  min-height:30px;

  padding:5px 15px 12px;

  background:#111315;
}


.work-detail-dot-simple{
  display:block !important;

  width:9px;
  height:9px;

  padding:0;

  border:
    1px solid
    rgba(255,255,255,.7);

  border-radius:50%;

  background:transparent;

  cursor:pointer;
}


.work-detail-dot-simple.active{
  background:#f47a20;
  border-color:#f47a20;
}


.work-description{
  margin-top:40px !important;
}


@media(max-width:700px){

  .work-detail-controls-simple{
    grid-template-columns:
      1fr
      auto
      1fr;

    gap:7px;

    padding:10px;
  }


  .work-detail-control-btn{
    min-height:42px;

    padding:9px 8px;

    font-size:11px;
  }


  .work-detail-position{
    font-size:11px;
  }


  .work-detail-slide-simple img{
    max-height:520px !important;
  }

}

/* ROCABADO CARRUSEL OBRA TAMANO V4 */

/*
 * Carrusel más compacto.
 */
.work-detail-carousel-simple{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}


/*
 * Área visible de la fotografía.
 * Antes ocupaba demasiado alto.
 */
.work-detail-viewport{
  position:relative !important;

  width:100% !important;

  height:min(52vh,560px) !important;
  min-height:320px !important;

  overflow:hidden !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#090a0b !important;
}


/*
 * Cada slide ocupa solamente el área definida arriba.
 */
.work-detail-slide-simple{
  display:none !important;

  width:100% !important;
  height:100% !important;

  align-items:center !important;
  justify-content:center !important;

  background:#090a0b !important;
}


.work-detail-slide-simple.active{
  display:flex !important;
}


/*
 * MUY IMPORTANTE:
 * contain muestra la foto completa.
 * No recorta los laterales ni arriba/abajo.
 */
.work-detail-slide-simple img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  max-width:100% !important;
  max-height:100% !important;

  object-fit:contain !important;

  object-position:center center !important;

  transform:none !important;
}


/*
 * Controles un poco más compactos.
 */
.work-detail-controls-simple{
  padding:11px 14px !important;
}


.work-detail-control-btn{
  min-height:40px !important;

  padding:9px 15px !important;
}


/*
 * TABLET
 */
@media(max-width:900px){

  .work-detail-viewport{
    height:min(48vh,480px) !important;
    min-height:290px !important;
  }

}


/*
 * CELULAR
 */
@media(max-width:620px){

  .work-detail-viewport{
    height:42vh !important;

    min-height:250px !important;
    max-height:390px !important;
  }


  .work-detail-carousel-simple{
    width:100% !important;
  }


  .work-detail-controls-simple{
    padding:8px !important;
  }


  .work-detail-control-btn{
    min-height:38px !important;

    padding:8px 6px !important;

    font-size:10px !important;
  }


  .work-detail-position{
    font-size:10px !important;
  }

}



/* ROCABADO CARRUSEL AJUSTABLE DESDE EDITOR V5 */

.work-detail-viewport{
  /*
   * El valor viene de Editor > Obras.
   * Por defecto: 620 px.
   */
  height:
    var(
      --work-carousel-desktop,
      620px
    ) !important;

  max-height:
    68vh !important;

  min-height:
    320px !important;
}


.work-detail-slide-simple img{
  /*
   * Siempre mostrar imagen completa.
   * Nunca recortarla.
   */
  width:100% !important;
  height:100% !important;

  object-fit:
    contain !important;

  object-position:
    center center !important;
}


@media(max-width:620px){

  .work-detail-viewport{
    /*
     * Valor independiente para celular.
     * Por defecto: 400 px.
     */
    height:
      var(
        --work-carousel-mobile,
        400px
      ) !important;

    max-height:
      58vh !important;

    min-height:
      250px !important;
  }

}