/* ImageBox: No Space */
.envato-kit-140-imagebox-nospace:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.envato-kit-140-imagebox-nospace figure{
	line-height: 0;
}

.envato-kit-140-slide .elementor-slide-content{
	background: #FFF;
	margin-left: -60px;
	padding: 1em;
}
.envato-kit-140-carousel .slick-active:not(.slick-current)  img{
	padding: 20px !important;
	transition: all .9s;
}

/** End Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/



/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

.envato-kit-138-bracket .elementor-widget-container > *:before{
	content:"[";
	color:#ffab00;
	display:inline-block;
	margin-right:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

.envato-kit-138-bracket .elementor-widget-container > *:after{
	content:"]";
	color:#ffab00;
	display:inline-block;
	margin-left:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/



/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

.envato-block__preview{overflow: visible;}

/* Envato Kit 141 Custom Styles - Applied to the element under Advanced */

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
	text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
	margin-top: 0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.envato-kit-141-bottom-0 p {
	margin-bottom: 0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	margin-bottom: .5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
	padding-bottom: 52px;
}

.envato-kit-141-display-inline {
	display: inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots {
	bottom: -40px;
}

/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/



/** Start Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/

.envato-block__preview{overflow: visible;}

/*Kit 69 Custom Styling for buttons */
.envato-kit-69-slide-btn .elementor-button,
.envato-kit-69-cta-btn .elementor-button,
.envato-kit-69-flip-btn .elementor-button{
	border-left: 0px !important;
	border-bottom: 0px !important;
	border-right: 0px !important;
	padding: 15px 0 0 !important;
}
.envato-kit-69-slide-btn .elementor-slide-button:hover,
.envato-kit-69-cta-btn .elementor-button:hover,
.envato-kit-69-flip-btn .elementor-button:hover{
	margin-bottom: 20px;
}
.envato-kit-69-menu .elementor-nav-menu--main a:hover{
	margin-top: -7px;
	padding-top: 4px;
	border-bottom: 1px solid #FFF;
}
/* Fix menu dropdown width */
.envato-kit-69-menu .elementor-nav-menu--dropdown{
	width: 100% !important;
}

/** End Block Kit CSS: 72-3-34d2cc762876498c8f6be5405a48e6e2 **/



/** Start Template Kit CSS: Notary Public (css/customizer.css) **/

/* Envato Custom CSS - applied to the element it affects */
/* border-radius on tab border */
.envato-kit-195-roundborders .elementor-tabs div{
	border-radius: 4px
}
.envato-kit-195-roundborders .elementor-toggle-item{
	border-bottom: 1px solid #ccc
}
















/* =========================================================
DIBUSAL · BLOG SYSTEM · MASTER (para 40+ posts)
- Solo actúa si el HTML lleva .dibu-post o #hero-fullbleed
- MASTER limpio (sin duplicados)
- Carousel = portrait-friendly (flex)
- Quote = comillas grandes (v3)
========================================================= */

/* =========================================================
0) TIPOGRAFÍA SOLO EN COMPONENTES DIBU
========================================================= */
.dibu-post, .hero-fullbleed{
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
}
.dibu-post h1,.dibu-post h2,.dibu-post h3,.dibu-post h4,
.hero-fullbleed h1,.hero-fullbleed h2,.hero-fullbleed h3,
.dibu-post .group-label{
  font-family:"Oswald","Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
}

/* =========================================================
1) POST BODY · BASE
========================================================= */
.dibu-post{
  --red:#CD3535; --redDeep:#B22929;
  --ink:#EEE; --muted:#CFCFCF; --line:rgba(255,255,255,.12);
  --side:clamp(16px,3vw,28px);
  color:var(--ink);
}

.dibu-post .content{
  max-width:1020px;
  margin:0 auto;
  padding:clamp(16px,2.5vw,28px);
}

/* Headings */
.dibu-post h2{
  font:700 clamp(22px,3vw,30px)/1.15 "Oswald",sans-serif;
  margin:44px 0 12px;
  letter-spacing:.2px;
  color:#fff;
}
.dibu-post h3{
  font:700 clamp(18px,2.2vw,22px)/1.15 "Oswald",sans-serif;
  margin:28px 0 10px;
  color:#fff;
}
.dibu-post h4{
  font:700 clamp(16px,2vw,18px)/1.15 "Oswald",sans-serif;
  margin:18px 0 8px;
  color:#fff;
  letter-spacing:.2px;
}

/* Text + links */
.dibu-post p{line-height:1.8;margin:0 0 14px;color:rgba(255,255,255,.82)}
.dibu-post p strong{color:#fff}
.dibu-post a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.dibu-post a:hover{border-color:var(--red)}
.dibu-post ul{padding-left:1.2em;margin:8px 0 16px;color:rgba(255,255,255,.82)}
.dibu-post li{margin:6px 0}
.dibu-post li::marker{color:var(--red)}

/* Boxes */
.dibu-post .highlight{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px var(--side);
  margin:18px 0;
}
.dibu-post .tip{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:linear-gradient(180deg,rgba(205,53,53,.10),rgba(205,53,53,.06));
  border:1px dashed rgba(205,53,53,.55);
  color:#fff;
  padding:14px var(--side);
  border-radius:14px;
  margin:18px 0;
}

/* QUOTE v3 · comillas grandes */
.dibu-post .quote{
  margin:18px 0;
  padding:16px var(--side);
  border-left:4px solid var(--red);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border-radius:12px;
  font-style:italic;
  position:relative;
}
.dibu-post .quote p{margin:0}
.dibu-post .quote::before{
  content:"“";
  position:absolute;
  left:12px;
  top:-10px;
  font:700 44px/1 "Oswald",sans-serif;
  color:rgba(255,255,255,.18);
}
.dibu-post .quote::after{
  content:"”";
  position:absolute;
  right:12px;
  bottom:-22px;
  font:700 44px/1 "Oswald",sans-serif;
  color:rgba(255,255,255,.14);
}

/* CTA base */
.dibu-post .cta{
  display:grid;
  gap:12px;
  grid-template-columns:1fr auto;
  align-items:center;
  background:linear-gradient(180deg,#1c1c1c,#141414);
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px var(--side);
  margin:34px 0;
  box-shadow:0 20px 48px rgba(0,0,0,.32);
}
.dibu-post .cta h3{margin:0}
.dibu-post .cta p{margin:2px 0 0;color:rgba(255,255,255,.75)}
.dibu-post .cta .actions{display:flex;gap:10px;flex-wrap:wrap}

.dibu-post .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:800;
  background:linear-gradient(180deg,var(--red),var(--redDeep));
  color:#fff!important;
  text-decoration:none;
  border:none;
  box-shadow:0 10px 24px rgba(205,53,53,.35);
  transition:transform .18s ease;
}
.dibu-post .btn:hover{transform:translateY(-1px)}
.dibu-post .btn.outline{background:transparent;border:1px solid var(--red);box-shadow:none}

@media (max-width:800px){
  .dibu-post .cta{grid-template-columns:1fr}
  .dibu-post .cta .actions .btn{width:100%;text-align:center}
}

/* Video 16:9 (wrap clásico) */
.dibu-post .video-wrap{
  width:100%;
  max-width:860px;
  margin:16px auto 24px;
  background:#000;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  aspect-ratio:16/9;
  position:relative;
}
.dibu-post .video-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* =========================================================
2) HERO FULL-BLEED · v3
========================================================= */
#hero-fullbleed.hero-fullbleed.v3{
  --red:#CD3535; --redDeep:#B22929; --ink:#fff; --muted:#E2E2E2;
  --line:rgba(255,255,255,.16);
  --img:url('https://dibusal.com/wp-content/uploads/2025/03/IMG_2938.jpg');
  color:var(--ink);
  background:#131313;
}

#hero-fullbleed .band{
  position:relative;
  width:100vw;
  left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  overflow:hidden;
  min-height:clamp(320px,42svh,520px);
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.68) 100%),
    var(--img) center/cover no-repeat;
}
#hero-fullbleed .inner{
  width:100%;
  max-width:1020px;
  margin:0 auto;
  padding:clamp(22px,4vw,34px) clamp(16px,3vw,24px);
}
#hero-fullbleed .copy{
  background:linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.24));
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 18px 46px rgba(0,0,0,.32);
  padding:clamp(16px,2.8vw,22px) clamp(16px,2.6vw,22px);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  #hero-fullbleed .copy{
    backdrop-filter:blur(6px) saturate(120%);
    -webkit-backdrop-filter:blur(6px) saturate(120%);
  }
}
#hero-fullbleed h1{
  margin:0 0 .6rem;
  font:700 clamp(30px,5.2vw,58px)/1.06 "Oswald",sans-serif;
  letter-spacing:.3px;
  text-shadow:0 8px 22px rgba(0,0,0,.45);
}
#hero-fullbleed .lede{
  position:relative;
  margin:0;
  padding-left:14px;
  color:var(--muted);
  font:600 clamp(15px,1.2vw,19px)/1.65 "Open Sans",sans-serif;
  max-width:78ch;
}
#hero-fullbleed .lede::before{
  content:"";
  position:absolute;
  left:0; top:.25em; bottom:.25em;
  width:4px;
  border-radius:6px;
  background:linear-gradient(180deg,var(--red),var(--redDeep));
}

/* Toolbar */
#hero-fullbleed .toolbar{
  width:100%;
  max-width:1020px;
  margin:12px auto 0;
  padding:0 clamp(16px,3vw,24px);
}
#hero-fullbleed .bar{
  display:flex;
  gap:12px;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
}
#hero-fullbleed .group-label{
  display:block;
  font:700 .72rem/1 "Oswald",sans-serif;
  letter-spacing:.06em;
  color:rgba(255,255,255,.65);
  margin-bottom:6px;
  text-transform:uppercase;
}
#hero-fullbleed .chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
#hero-fullbleed .chip{
  font:700 .9rem/1 "Oswald",sans-serif;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  color:#fff;
  text-decoration:none;
  background:rgba(255,255,255,.06);
}
#hero-fullbleed .chip:hover{border-color:var(--red)}

/* details.cluster */
#hero-fullbleed details.cluster{position:relative}
#hero-fullbleed details.cluster summary{
  list-style:none;
  cursor:pointer;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  font:700 .9rem/1 "Oswald",sans-serif;
}
#hero-fullbleed details[open].cluster summary{border-color:var(--red)}
#hero-fullbleed details.cluster .panel{
  position:absolute;
  right:0;
  margin-top:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#151515;
  display:grid;
  grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:8px;
  z-index:30;
  min-width:min(520px,90vw);
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}
#hero-fullbleed details.cluster .panel a{
  display:block;
  text-decoration:none;
  color:#fff;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
}
#hero-fullbleed details.cluster .panel a:hover{border-color:var(--red)}
@media (max-width:900px){
  #hero-fullbleed details.cluster .panel{
    position:static;
    grid-template-columns:1fr;
    min-width:unset;
  }
}

/* details.gamas (igual que cluster) */
#hero-fullbleed.hero-fullbleed.v3 details.gamas{position:relative}
#hero-fullbleed.hero-fullbleed.v3 details.gamas summary{
  list-style:none;
  cursor:pointer;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line, rgba(255,255,255,.16));
  background:rgba(255,255,255,.06);
  color:#fff;
  font:700 .9rem/1 "Oswald","Open Sans",sans-serif;
}
#hero-fullbleed.hero-fullbleed.v3 details[open].gamas summary{border-color:var(--red, #CD3535)}
#hero-fullbleed.hero-fullbleed.v3 details.gamas .panel{
  position:absolute;
  right:0;
  margin-top:8px;
  padding:10px;
  border:1px solid var(--line, rgba(255,255,255,.16));
  border-radius:12px;
  background:#151515;
  display:grid;
  grid-template-columns:repeat(2, minmax(180px, 1fr));
  gap:8px;
  z-index:30;
  min-width:min(520px, 90vw);
  box-shadow:0 20px 40px rgba(0,0,0,.35);
}
#hero-fullbleed.hero-fullbleed.v3 details.gamas .panel a{
  display:block;
  text-decoration:none;
  color:#fff;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
}
#hero-fullbleed.hero-fullbleed.v3 details.gamas .panel a:hover{border-color:var(--red, #CD3535)}
@media (max-width:900px){
  #hero-fullbleed.hero-fullbleed.v3 details.gamas .panel{
    position:static;
    min-width:unset;
    grid-template-columns:1fr;
  }
}

/* HERO · press note */
#hero-fullbleed.hero-fullbleed.v3 .press-note{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line, rgba(255,255,255,.16));
  background:rgba(0,0,0,.32);
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:flex-start;
}
#hero-fullbleed.hero-fullbleed.v3 .press-note .press-pill{
  font:700 .75rem/1 "Oswald","Open Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(205,53,53,.18);
  border:1px solid rgba(205,53,53,.65);
  white-space:nowrap;
  color:#fff;
}
#hero-fullbleed.hero-fullbleed.v3 .press-note p{
  margin:0;
  font-size:.9rem;
  line-height:1.6;
  color:var(--muted, rgba(255,255,255,.72));
  max-width:60ch;
}
#hero-fullbleed.hero-fullbleed.v3 .press-note a{
  color:var(--muted, rgba(255,255,255,.72));
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}
#hero-fullbleed.hero-fullbleed.v3 .press-note a:hover{color:#fff}
@media (max-width:900px){
  #hero-fullbleed.hero-fullbleed.v3 .press-note{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* =========================================================
3) SAFE RESET (Elementor widgets)
========================================================= */
.dibu-post :where(.elementor-widget-container, .elementor-widget-html),
#hero-fullbleed :where(.elementor-widget-container, .elementor-widget-html){
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}

/* =========================================================
4) FIXES (enero 2026)
========================================================= */

/* 4.1 Enlaces: evitar hover amarillo */
.dibu-post a,
#hero-fullbleed a{
  color:#fff;
  -webkit-text-fill-color:#fff;
}
.dibu-post a:hover,
.dibu-post a:focus,
.dibu-post a:active,
#hero-fullbleed a:hover,
#hero-fullbleed a:focus,
#hero-fullbleed a:active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none;
}
.dibu-post a:hover{border-color:var(--red)}
.dibu-post .elementor-widget-container a:hover,
.dibu-post .elementor-widget-container a:focus{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* 4.2 FAQ Elementor accordion: abrir en hover */
.dibu-post .elementor-accordion .elementor-tab-content{
  display:none;
  overflow:hidden;
}
.dibu-post .elementor-accordion .elementor-accordion-item:hover > .elementor-tab-content{
  display:block !important;
}
.dibu-post .elementor-accordion .elementor-accordion-item:hover .elementor-tab-title{
  border-color:var(--red) !important;
}
.dibu-post .elementor-accordion .elementor-tab-title{
  transition:border-color .15s ease, background .15s ease, transform .15s ease;
}

/* =========================================================
5) LEAD MAGNET · COMPONENTE DEDICADO (.dibu-leadmag)
========================================================= */
.dibu-post .dibu-leadmag{
  --lm-red:#CD3535; --lm-redDeep:#B22929;
  --lm-ink:#FFFFFF; --lm-muted:rgba(255,255,255,.78);
  --lm-line:rgba(255,255,255,.14);
  --lm-bg0:#0e0e0e; --lm-bg1:#141414;
  --lm-radius:22px;

  margin:28px 0 34px;
  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  color:var(--lm-ink);
}

.dibu-post .dibu-leadmag .wrap{
  position:relative;
  overflow:hidden;
  border-radius:var(--lm-radius);
  border:1px solid var(--lm-line);
  background:
    radial-gradient(1000px 500px at 18% 0%, rgba(205,53,53,.22), transparent 55%),
    radial-gradient(900px 420px at 100% 80%, rgba(205,53,53,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--lm-bg1), var(--lm-bg0));
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  padding:clamp(16px, 2.4vw, 26px);
}

.dibu-post .dibu-leadmag .wrap:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg, rgba(205,53,53,.55), rgba(255,255,255,.06), rgba(205,53,53,.35));
  opacity:.55;
  filter: blur(18px);
  z-index:0;
  pointer-events:none;
}

.dibu-post .dibu-leadmag .grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:18px;
  grid-template-columns: 1.05fr .95fr;
  align-items:stretch;
}

.dibu-post .dibu-leadmag .left,
.dibu-post .dibu-leadmag .right{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
}
.dibu-post .dibu-leadmag .left{
  background:rgba(0,0,0,.22);
  padding:16px 16px 14px;
}
.dibu-post .dibu-leadmag .right{
  background:rgba(0,0,0,.18);
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Tipos */
.dibu-post .dibu-leadmag .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:800 .78rem/1 "Oswald","Open Sans",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.8);
  margin-bottom:10px;
}
.dibu-post .dibu-leadmag .kicker:before{
  content:"";
  width:10px; height:10px;
  border-radius:50%;
  background:linear-gradient(180deg,var(--lm-red),var(--lm-redDeep));
  box-shadow:0 0 0 4px rgba(205,53,53,.15);
}
.dibu-post .dibu-leadmag .headline{
  margin:0 0 10px;
  font:700 clamp(20px, 2.2vw, 28px)/1.12 "Oswald","Open Sans",sans-serif;
  color:#fff;
}
.dibu-post .dibu-leadmag .text{
  margin:0;
  font:600 15px/1.7 "Open Sans",Arial,sans-serif;
  color:var(--lm-muted);
}
.dibu-post .dibu-leadmag .right .title{
  font:700 18px/1.15 "Oswald","Open Sans",sans-serif;
  letter-spacing:.2px;
  margin:0 0 8px;
  color:#fff;
}
.dibu-post .dibu-leadmag .right .mini{
  margin:0 0 14px;
  font:600 14px/1.55 "Open Sans",Arial,sans-serif;
  color:rgba(255,255,255,.75);
}

/* Botones del leadmag (NO heredan .dibu-post .btn) */
.dibu-post .dibu-leadmag .btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:11px 14px !important;
  border-radius:999px !important;
  font:800 .92rem/1 "Oswald","Open Sans",sans-serif !important;
  letter-spacing:.02em;
  border:1px solid rgba(205,53,53,.75) !important;
  text-decoration:none !important;
  color:#fff !important;
  background:linear-gradient(180deg,var(--lm-red),var(--lm-redDeep)) !important;
  box-shadow:0 12px 26px rgba(205,53,53,.22) !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.dibu-post .dibu-leadmag .btn:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 16px 34px rgba(205,53,53,.28) !important;
}
.dibu-post .dibu-leadmag .btn.alt{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
.dibu-post .dibu-leadmag .btn.alt:hover{border-color:var(--lm-red) !important}

@media (max-width:900px){
  .dibu-post .dibu-leadmag .grid{grid-template-columns:1fr}
}

/* =========================================================
6) LEAD MAGNET · SKIN CUANDO LO MONTAS COMO .cta.leadmag
========================================================= */
.dibu-post .cta.leadmag{
  --lm-red: var(--red);
  --lm-redDeep: var(--redDeep);
  --lm-line: rgba(255,255,255,.14);
  --lm-bg0:#0e0e0e;
  --lm-bg1:#141414;

  position:relative;
  overflow:hidden;
  border-radius:22px !important;
  border:1px solid var(--lm-line) !important;
  background:
    radial-gradient(1000px 520px at 18% 0%, rgba(205,53,53,.22), transparent 55%),
    radial-gradient(900px 420px at 100% 80%, rgba(205,53,53,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, var(--lm-bg1), var(--lm-bg0)) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.45) !important;
  padding:clamp(16px, 2.4vw, 26px) !important;
  margin:30px 0 36px !important;
  transform: translateZ(0);
}

.dibu-post .cta.leadmag:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg, rgba(205,53,53,.55), rgba(255,255,255,.06), rgba(205,53,53,.35));
  opacity:.55;
  filter: blur(18px);
  z-index:0;
  pointer-events:none;
}

.dibu-post .cta.leadmag:after{
  content:"🎁 Lead magnet · Caso real";
  position:absolute;
  top:14px; left:14px;
  z-index:2;
  font:800 .78rem/1 "Oswald","Open Sans",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.82);
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.14);
  padding:8px 10px;
  border-radius:999px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.dibu-post .cta.leadmag > *{position:relative;z-index:1}

.dibu-post .cta.leadmag h3{
  margin:34px 0 8px !important;
  font:700 clamp(20px, 2.2vw, 28px)/1.12 "Oswald","Open Sans",sans-serif !important;
  letter-spacing:.2px;
}
.dibu-post .cta.leadmag p{
  margin:0 !important;
  color:rgba(255,255,255,.76) !important;
  max-width:75ch;
}
.dibu-post .cta.leadmag .actions{
  width:100%;
  display:grid !important;
  gap:10px !important;
  align-content:start;
}
.dibu-post .cta.leadmag .actions .btn{
  width:100%;
  border-radius:999px !important;
  font:800 .92rem/1 "Oswald","Open Sans",sans-serif !important;
  letter-spacing:.02em;
  padding:12px 14px !important;
  box-shadow:0 12px 26px rgba(205,53,53,.22) !important;
}
.dibu-post .cta.leadmag .actions .btn.outline{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
.dibu-post .cta.leadmag .actions .btn.outline:hover{border-color: var(--lm-red) !important}

@media (min-width:860px){
  .dibu-post .cta.leadmag{
    grid-template-columns:1.1fr .9fr !important;
    align-items:stretch !important;
  }
  .dibu-post .cta.leadmag > div:first-child{
    border-radius:18px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.12);
    padding:16px 16px 14px;
  }
  .dibu-post .cta.leadmag > div:last-child{
    border-radius:18px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.12);
    padding:16px;
    display:flex;
  }
  .dibu-post .cta.leadmag .actions{margin-top:auto}
}
@media (max-width:859px){
  .dibu-post .cta.leadmag{grid-template-columns:1fr !important}
  .dibu-post .cta.leadmag:after{top:12px;left:12px}
}

/* =========================================================
7) AUTHOR SIGNATURE · MASTER (FIX)
========================================================= */
body.single-post #author-signature.dibu-author{
  --red:#CD3535;
  --redDeep:#B22929;
  --ink:#EEE;
  --muted:#CFCFCF;
  --line:rgba(255,255,255,.16);
  --bg:linear-gradient(180deg,#171717,#121212);
  --radius:18px;

  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  color:var(--ink);
  margin:28px 0 36px;
}

body.single-post #author-signature.dibu-author > .box{
  display:grid !important;
  grid-template-columns:86px 1fr !important;
  gap:18px !important;
  align-items:center !important;
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  padding:20px !important;
  box-shadow:0 20px 48px rgba(0,0,0,.28) !important;
  position:relative !important;
  overflow:hidden !important;
}

body.single-post #author-signature.dibu-author > .box::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(700px 260px at 14% 0%, rgba(205,53,53,.18), transparent 60%),
    radial-gradient(520px 240px at 100% 90%, rgba(205,53,53,.10), transparent 60%);
  opacity:.9;
  pointer-events:none;
  z-index:0;
}
body.single-post #author-signature.dibu-author > .box > *{position:relative;z-index:1}

body.single-post #author-signature.dibu-author .avatar{
  width:86px !important;
  height:86px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:3px solid var(--red) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.35) !important;
}
body.single-post #author-signature.dibu-author .avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

body.single-post #author-signature.dibu-author .meta small{
  color:var(--muted) !important;
  display:block !important;
  margin:0 0 6px !important;
  font-style:italic !important;
}
body.single-post #author-signature.dibu-author .name{
  margin:0 0 6px !important;
  font:700 26px/1.05 "Oswald","Open Sans",sans-serif !important;
  letter-spacing:.2px !important;
  color:#fff !important;
}
body.single-post #author-signature.dibu-author .name a{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.25) !important;
}
body.single-post #author-signature.dibu-author .name a:hover{border-color:var(--red) !important}
body.single-post #author-signature.dibu-author .role{
  color:var(--red) !important;
  font-weight:800 !important;
  letter-spacing:.5px !important;
  text-transform:uppercase !important;
  font-size:.78rem !important;
}
body.single-post #author-signature.dibu-author .bio{
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  line-height:1.65 !important;
}
body.single-post #author-signature.dibu-author .links{
  margin-top:10px !important;
  color:rgba(255,255,255,.74) !important;
}
body.single-post #author-signature.dibu-author .links a{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.25) !important;
}
body.single-post #author-signature.dibu-author .links a:hover{border-color:var(--red) !important}

@media (max-width:720px){
  body.single-post #author-signature.dibu-author > .box{grid-template-columns:1fr !important}
  body.single-post #author-signature.dibu-author .avatar{width:74px !important;height:74px !important}
  body.single-post #author-signature.dibu-author .name{font-size:22px !important}
}

/* =========================================================
8) FAQ SYSTEM · MASTER (details/summary)
========================================================= */
.dibu-post .faq-block{
  max-width:1020px;
  margin:0 auto;
  padding:0 var(--side, clamp(16px,3vw,28px)) 18px;
}
.dibu-post details.accordion{
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  margin:12px 0;
  overflow:hidden;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.dibu-post details.accordion:hover{
  border-color:rgba(205,53,53,.55);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.dibu-post details.accordion summary{
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  font:800 16px/1.25 "Open Sans","Oswald",sans-serif;
  color:#fff;
}
.dibu-post details.accordion summary::-webkit-details-marker{display:none}
.dibu-post details.accordion p{
  margin:0;
  padding:0 16px 14px;
  font:600 15px/1.7 "Open Sans",Arial,sans-serif;
  color:rgba(255,255,255,.78);
}
.dibu-post details.accordion[open]{border-color:rgba(205,53,53,.65)}

/* =========================================================
9) PRESS PANEL + CTA MEDIA
========================================================= */
.dibu-post .press-panel{
  background:
    radial-gradient(900px 420px at 18% 0%, rgba(205,53,53,.18), transparent 55%),
    linear-gradient(135deg, rgba(205,53,53,.16), rgba(20,20,20,.96));
  border:1px solid rgba(205,53,53,.55);
  border-radius:18px;
  padding:16px clamp(16px,3vw,28px);
  margin:20px 0 24px;
  box-shadow:0 20px 40px rgba(0,0,0,.36);
}
.dibu-post .press-panel-header{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
  font-family:"Oswald",system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.8rem;
  color:#fff;
}
.dibu-post .press-pill{
  padding:4px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.22);
  font-size:.72rem;
  white-space:nowrap;
}
.dibu-post .press-panel p{
  margin:0 0 10px;
  color:rgba(255,255,255,.78);
  line-height:1.7;
}
.dibu-post .press-panel a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.dibu-post .press-panel a:hover{border-color:rgba(205,53,53,.85)}

.dibu-post .cta-media{
  --line:rgba(255,255,255,.14);
  margin:32px 0;
  padding:clamp(16px,2.4vw,26px);
  border-radius:22px;
  border:1px solid var(--line);
  background:
    radial-gradient(1000px 500px at 18% 0%, rgba(205,53,53,.22), transparent 55%),
    radial-gradient(900px 420px at 100% 80%, rgba(205,53,53,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(180deg, #141414, #0e0e0e);
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr);
  gap:16px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.dibu-post .cta-media:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg, rgba(205,53,53,.55), rgba(255,255,255,.06), rgba(205,53,53,.35));
  opacity:.55;
  filter: blur(18px);
  pointer-events:none;
}
.dibu-post .cta-media > *{position:relative;z-index:1}
.dibu-post .cta-media h3{
  margin:0 0 6px;
  font-family:"Oswald",system-ui,sans-serif;
  color:#fff;
  letter-spacing:.2px;
}
.dibu-post .cta-media p{margin:0 0 6px;color:rgba(255,255,255,.78);line-height:1.7}
.dibu-post .cta-media small{font-size:.82rem;color:rgba(255,255,255,.72);display:block;margin-top:6px}
.dibu-post .cta-media .email-inline{
  font-family:"Oswald",system-ui,sans-serif;
  font-size:.9rem;
  letter-spacing:.03em;
}
.dibu-post .cta-media .btn-mail{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 16px;
  border-radius:999px;
  font-weight:800;
  font-family:"Oswald",system-ui,sans-serif;
  letter-spacing:.02em;
  background:linear-gradient(180deg, var(--red), var(--redDeep));
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(205,53,53,.75);
  box-shadow:0 12px 26px rgba(205,53,53,.22);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  white-space:nowrap;
}
.dibu-post .cta-media .btn-mail:hover{
  transform:translateY(-1px);
  filter:saturate(1.05);
  box-shadow:0 16px 34px rgba(205,53,53,.28);
}
@media (max-width:800px){
  .dibu-post .cta-media{grid-template-columns:1fr}
  .dibu-post .cta-media .btn-mail{width:auto;justify-self:start}
}

/* =========================================================
10) MINI-INDEX (contenido del artículo)
========================================================= */
.dibu-post .mini-index{
  margin:14px 0 22px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(180deg, #141414, #0f0f0f);
  overflow:hidden;
  counter-reset: idx;
}
.dibu-post .mini-index::before{
  content:"CONTENIDO DEL ARTÍCULO";
  display:block;
  padding:10px var(--side, clamp(16px,3vw,28px));
  font:700 .7rem/1 "Oswald","Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.25);
}
.dibu-post .mini-index a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px var(--side, clamp(16px,3vw,28px));
  font:600 15px/1.3 "Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .15s ease, transform .15s ease, border-color .15s ease;
  -webkit-text-fill-color:#fff;
}
.dibu-post .mini-index a::before{
  counter-increment: idx;
  content: counter(idx, decimal-leading-zero);
  font:700 .75rem/1 "Oswald","Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  color:rgba(255,255,255,.45);
  flex:0 0 24px;
}
.dibu-post .mini-index a:hover{
  background:rgba(205,53,53,.08);
  transform:translateX(2px);
  border-bottom-color:rgba(255,255,255,.10);
}
.dibu-post .mini-index a:last-child{border-bottom:none}
@media (max-width:640px){
  .dibu-post .mini-index::before{padding:9px var(--side, 16px)}
  .dibu-post .mini-index a{padding:11px var(--side, 16px);font-size:14px}
  .dibu-post .mini-index a::before{flex-basis:22px}
}

/* =========================================================
11) SHORT + CAROUSEL + VIDEO EMBED (portrait-friendly)
========================================================= */

/* Short row */
.dibu-post .short-row{display:block}
.dibu-post .short-wrap{
  width:100%;
  max-width:420px;
  margin:16px 0 24px;
  background:#000;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  aspect-ratio:9/16;
  position:relative;
  border:1px solid rgba(255,255,255,.12);
}
.dibu-post .short-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* Carousel (portrait-friendly · ÚNICA definición) */
.dibu-post .carousel{
  position:relative;
  overflow:auto;
  display:flex;
  gap:10px;
  padding:8px;
  margin:12px 0 20px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.dibu-post .carousel figure{
  flex:0 0 auto;
  width:min(280px, 46vw);
  scroll-snap-align:center;
  margin:0;
  background:#0f0f0f;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.10);
}
.dibu-post .carousel img{
  width:100%;
  height:auto;
  display:block;
  border-radius:0;
}
.dibu-post .carousel .caption{
  font-size:.88rem;
  color:rgba(255,255,255,.70);
  padding:8px 10px;
}
.dibu-post .carousel::-webkit-scrollbar{height:6px}
.dibu-post .carousel::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:999px;
}

/* Desktop two-col */
@media (min-width:900px){
  .dibu-post .short-row{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:22px;
    align-items:start;
  }
  .dibu-post .short-wrap{max-width:360px;margin:6px 0 12px 0}
  .dibu-post .carousel{margin:6px 0 12px 0}
}

/* Video embed (YouTube) */
.dibu-post .video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  margin:18px 0 26px;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(255,255,255,.12);
}
.dibu-post .video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* =========================================================
12) SKIN vSexta (pasos, tablas, etc.)
========================================================= */
.dibu-post.vSexta{
  --red:#CD3535;
  --redDeep:#B22929;
  --ink:#EEE;
  --muted:#CFCFCF;
  --line:rgba(255,255,255,.12);
  --side: clamp(16px, 3vw, 28px);
}
.dibu-post.vSexta ul{padding-left:1.2em;margin:8px 0 16px}
.dibu-post.vSexta li{margin:6px 0}
.dibu-post.vSexta li::marker{color:var(--red)}

.dibu-post.vSexta ol.steps{counter-reset:step;padding-left:0;margin:12px 0 18px}
.dibu-post.vSexta ol.steps li{
  list-style:none;
  position:relative;
  padding-left:44px;
  margin:14px 0;
}
.dibu-post.vSexta ol.steps li::before{
  counter-increment:step;
  content:counter(step);
  position:absolute;
  left:0;
  top:.1rem;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  background:linear-gradient(180deg,var(--red),var(--redDeep));
  color:#fff;
  box-shadow:0 6px 14px rgba(205,53,53,.35);
}

.dibu-post.vSexta .table-wrap{
  --pad: clamp(10px,2vw,14px);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:16px;
  padding:var(--pad);
  overflow:auto;
  margin:16px 0 22px;
  scrollbar-width:thin;
}
.dibu-post.vSexta .table-wrap table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:640px;
  font-size:.95rem;
}
.dibu-post.vSexta .table-wrap thead th{
  position:sticky;
  top:0;
  background:#0f0f0f;
  z-index:1;
  text-align:left;
  font-weight:800;
  color:#fff;
  padding:12px;
  border-bottom:1px solid var(--line);
}
.dibu-post.vSexta .table-wrap tbody td{
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dibu-post.vSexta .table-wrap tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.dibu-post.vSexta .table-wrap tbody tr:last-child td{border-bottom:none}
@media (max-width:880px){
  .dibu-post.vSexta ol.steps li{padding-left:42px}
  .dibu-post.vSexta .table-wrap table{min-width:520px}
}








#casos-exito{
  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  overflow:hidden;
  z-index:1;
}

.cases.cx-grid-hover{
  --red:#CD3535;
  --redHi:#E14B4B;
  --redDeep:#B22929;
  --ink:#EEE;
  --muted:#cfcfcf;
  --radius:22px;
  --side:clamp(18px,4vw,32px);
  font-family:"Open Sans",Arial,sans-serif;
  color:var(--ink);
  position:relative;
  background:var(--red);
  padding:clamp(52px,6vw,78px) var(--side) clamp(40px,5vw,64px);
}

.cases.cx-grid-hover .wrap{
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.cases.cx-grid-hover .panel{
  background:transparent;
  border:none;
  box-shadow:none;
  border-radius:0;
  padding:0;
}

.cases.cx-grid-hover .grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,24px);
  align-items:stretch;
}

@media (max-width:1120px){
  .cases.cx-grid-hover .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:720px){
  .cases.cx-grid-hover .grid{grid-template-columns:1fr}
}

.cases.cx-grid-hover .case-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  background:#111;
  box-shadow:0 10px 30px rgba(0,0,0,.6);
  transition:transform .12s ease-out, box-shadow .12s ease-out;
}

.cases.cx-grid-hover .case-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(0,0,0,.8);
}

.cases.cx-grid-hover .case-link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.cases.cx-grid-hover .case-media{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
}

.cases.cx-grid-hover .ratio{
  position:relative;
  width:100%;
  padding-top:125%;
}

.cases.cx-grid-hover .ratio > *{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.cases.cx-grid-hover .case-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  transform:scale(1.03);
  transition:transform .18s ease-out, filter .18s ease-out;
  display:block;
  -webkit-user-drag:none;
  user-select:none;
}

.cases.cx-grid-hover .case-media img.is-logo{
  object-fit:cover;
  background:#050505;
  transform:scale(1.08);
}

.cases.cx-grid-hover .case-card:hover .case-media img{
  transform:scale(1.09);
  filter:brightness(.78);
}

.cases.cx-grid-hover .case-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px 18px 16px;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.65) 55%,rgba(0,0,0,.9) 100%);
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease-out, transform .18s ease-out;
}

.cases.cx-grid-hover .case-card:hover .case-overlay{
  opacity:1;
  transform:translateY(0);
}

.cases.cx-grid-hover .case-kicker{
  margin:0 0 6px;
  font:600 .78rem/1 "Oswald",sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.86);
}

.cases.cx-grid-hover .case-title{
  margin:0 0 4px;
  font:700 clamp(16px,1.9vw,18px)/1.2 "Oswald",sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#fff;
}

.cases.cx-grid-hover .case-desc{
  margin:0 0 10px;
  font-size:.9rem;
  line-height:1.7;
  color:rgba(255,255,255,.9);
}

.cases.cx-grid-hover .cta-red{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:700 11px/1.15 "Open Sans",sans-serif;
  letter-spacing:.26em;
  text-transform:uppercase;
  border-radius:14px;
  padding:9px 14px;
  min-height:34px;
  background:linear-gradient(180deg,var(--red),var(--redHi));
  color:#fff;
  box-shadow:0 8px 20px rgba(205,53,53,.35);
  white-space:nowrap;
}

@media (max-width:720px){
  .cases.cx-grid-hover{padding-inline:clamp(14px,5vw,18px)}
}

#casos-exito .elementor-section,
#casos-exito .elementor-container,
#casos-exito .elementor-column,
#casos-exito .elementor-widget-wrap,
#casos-exito .elementor-widget-container,
#casos-exito .elementor-widget-html{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.cases.cx-grid-hover .head{
  text-align:center;
  margin:0 0 clamp(22px,3.2vw,36px);
}

.cases.cx-grid-hover .head h2,
.cases.cx-grid-hover .head #cx-title{
  margin:0;
  color:#fff;
  font:700 clamp(28px,4.8vw,56px)/1.05 "Oswald",sans-serif;
  letter-spacing:.6px;
  text-transform:uppercase;
  text-shadow:0 10px 28px rgba(0,0,0,.35);
}

.cases.cx-grid-hover .head p{
  margin:.55rem auto 0;
  max-width:min(860px,92vw);
  color:rgba(255,255,255,.92);
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.65;
}

.cases.cx-grid-hover .panel-cta{
  margin-top:clamp(18px,2.6vw,28px);
  text-align:center;
}

.cases.cx-grid-hover .panel-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:700 13px/1.15 "Open Sans",sans-serif;
  letter-spacing:.26em;
  text-transform:uppercase;
  text-decoration:none !important;
  border-radius:999px;
  padding:11px 22px;
  min-height:40px;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.32);
  color:#fff !important;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.cases.cx-grid-hover .panel-cta a:hover{
  background:rgba(0,0,0,.85);
  transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(0,0,0,.55);
}

.cases.cx-grid-hover .panel-cta a:focus-visible{
  outline:2px dashed rgba(255,255,255,.75);
  outline-offset:3px;
}

@media (max-width:720px){
  .cases.cx-grid-hover .head h2,
  .cases.cx-grid-hover .head #cx-title{
    font-size:clamp(24px,8vw,36px);
  }
}













/* =========================================================
DIBUSAL · FAQ LANDINGS · v1
- NO afecta al blog (usa .dibu-faq)
- 3 visibles + Ver más (sin JS)
- Abre en HOVER (desktop) y también CLICK
- Título estilo Dibusal (Oswald + rojo)
- Fondo sólido para conectar con sección anterior
========================================================= */

.dibu-faq{
  --red:#CD3535;
  --redHi:#E14B4B;
  --ink:#fff;
  --muted:rgba(255,255,255,.78);
  --line:rgba(255,255,255,.12);
  --panel:rgba(255,255,255,.06);
  --panel2:rgba(255,255,255,.02);
  --radius:16px;
  --side: clamp(16px,3vw,28px);

  background:linear-gradient(180deg,#141414 0%, #0f0f0f 100%);
  color:var(--ink);

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:32px 0 28px;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);

  font-family:"Open Sans",Arial,sans-serif;
}

/* ---- Header ---- */
.dibu-faq .faq-title{
  max-width:980px;
  margin:0 auto 18px;
  padding:0 var(--side);
}
.dibu-faq .faq-title h2{
  font-family:"Oswald",sans-serif !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  margin:0 0 8px !important;
  font-size:clamp(22px,3.2vw,34px) !important;
  letter-spacing:.6px !important;
  line-height:1.12 !important;
  color:var(--red) !important;
}
.dibu-faq .faq-title p{
  margin:0;
  max-width:820px;
  color:var(--muted);
  font-size:15.5px;
  line-height:1.7;
}

/* ---- Lista ---- */
.dibu-faq .faq-list{
  max-width:1020px;
  margin:0 auto;
  padding:0 var(--side) 12px;
}

/* ---- Card ---- */
.dibu-faq .faq-item{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  margin:12px 0;
  overflow:hidden;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.dibu-faq .faq-item:hover{
  border-color:rgba(205,53,53,.55);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
}

/* Toggle de cada FAQ (oculto) */
.dibu-faq .faq-item > input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Cabecera clickable */
.dibu-faq .faq-q{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  cursor:pointer;
  user-select:none;
}
.dibu-faq .faq-q .badge{
  width:26px; height:26px; flex:0 0 26px;
  background:var(--red);
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:800;
  font-size:14.5px;
  box-shadow:0 8px 18px rgba(205,53,53,.30);
}
.dibu-faq .faq-q .qtxt{
  margin:0;
  font:800 16px/1.25 "Open Sans","Oswald",sans-serif;
  color:#fff;
}
.dibu-faq .faq-q .caret{
  margin-left:auto;
  width:12px; height:12px;
  border:2px solid #fff;
  border-left:0; border-top:0;
  transform:rotate(45deg);
  transition:transform .22s ease;
}

/* Body animado */
.dibu-faq .faq-a{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-6px);
  transition:max-height .32s ease, opacity .28s ease, transform .28s ease;
  padding:0 16px;
}
.dibu-faq .faq-a .inner{
  padding:0 0 14px;
}
.dibu-faq .faq-a p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.dibu-faq .faq-a p:last-child{ margin-bottom:0; }

.dibu-faq .faq-a ul{
  margin:0 0 12px;
  padding:0 0 0 18px;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.dibu-faq .faq-a li{ margin:0 0 6px; }
.dibu-faq .faq-a li:last-child{ margin-bottom:0; }

.dibu-faq .faq-a a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.dibu-faq .faq-a a:hover{ border-color:rgba(205,53,53,.75); }

/* OPEN por click */
.dibu-faq .faq-item > input:checked ~ .faq-a{
  max-height:1600px;
  opacity:1;
  transform:translateY(0);
}
.dibu-faq .faq-item > input:checked ~ .faq-q .caret{
  transform:rotate(225deg);
}

/* OPEN por hover (desktop) */
@media (hover:hover){
  .dibu-faq .faq-item:hover .faq-a{
    max-height:1600px;
    opacity:1;
    transform:translateY(0);
  }
  .dibu-faq .faq-item:hover .faq-q .caret{
    transform:rotate(225deg);
  }
}

/* =========================================================
LIMITADO: mostrar solo 3 + botón Ver más
========================================================= */

/* Toggle global */
.dibu-faq .faq-more-toggle{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Oculta desde la 4ª */
.dibu-faq .faq-list > .faq-item:nth-of-type(n+4){
  display:none;
}

/* Si está activado el toggle, muestra todas */
.dibu-faq .faq-more-toggle:checked ~ .faq-list > .faq-item{
  display:block;
}

/* Botones */
.dibu-faq .faq-more-btn,
.dibu-faq .faq-less-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:10px auto 0;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  font:800 .92rem/1 "Oswald","Open Sans",sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  user-select:none;
  transition:transform .15s ease, border-color .15s ease;
}
.dibu-faq .faq-more-btn:hover,
.dibu-faq .faq-less-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(205,53,53,.65);
}

.dibu-faq .faq-less-btn{ display:none; }
.dibu-faq .faq-more-toggle:checked ~ .faq-more-btn{ display:none; }
.dibu-faq .faq-more-toggle:checked ~ .faq-less-btn{ display:inline-flex; }


















#press-outro.press-outro.v3{
  --red:#CD3535; --redHi:#E14B4B; --redDeep:#B22929;
  --ink:#EEE; --muted:#cfcfcf;
  --panel:#101010; --panel2:#151515; --line:rgba(255,255,255,.16);
  --radius:20px; --radiusBtn:14px;
  --side:clamp(18px,4vw,32px);
  --bleed:calc(50vw - 50%);

  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
  color:var(--ink);

  position:relative;
  isolation:isolate;

  margin-inline:calc(-1 * var(--bleed));
  padding-inline:calc(var(--bleed) + var(--side));
  padding-block:clamp(44px,6vw,78px) clamp(52px,7vw,96px);

  overflow:hidden;
  background:
    linear-gradient(180deg,
      #101010 0%,
      #1b1b1b 20%,
      #9E2B2B 68%,
      var(--redDeep) 100%
    );
  contain:paint;
}

#press-outro.press-outro.v3::before{
  content:"";
  position:absolute;
  inset:auto -20% 0 -20%;
  height:72%;
  z-index:0;
  background:
    radial-gradient(60% 60% at 70% 80%, rgba(225,75,75,.45) 0%, rgba(225,75,75,.12) 38%, transparent 62%),
    linear-gradient(0deg,#d34141 0%, #b72c2c 44%, rgba(183,44,44,0) 100%);
  filter:blur(10px);
  pointer-events:none;
}

#press-outro.press-outro.v3::after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:92px;
  z-index:0;
  background:linear-gradient(180deg,#0b0b0b 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
  pointer-events:none;
}

#press-outro.press-outro.v3 .wrap{
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

/* Header */
#press-outro.press-outro.v3 .head{
  text-align:center;
  margin-bottom:clamp(30px,4vw,46px);
}
#press-outro.press-outro.v3 .eyebrow{
  font:600 .8rem/1 "Oswald","Open Sans",system-ui,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.8);
  margin-bottom:4px;
}
#press-outro.press-outro.v3 h2#press-outro-title{
  margin:0;
  font:700 clamp(26px,4.4vw,34px)/1.14 "Oswald","Open Sans",system-ui,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  text-wrap:balance;
  text-shadow:0 10px 28px rgba(0,0,0,.4);
}
#press-outro.press-outro.v3 .head p{
  margin:8px auto 0;
  max-width:720px;
  font-size:.96rem;
  line-height:1.8;
  color:rgba(255,255,255,.9);
}

/* Grid */
#press-outro.press-outro.v3 .grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,3vw,28px);
  align-items:stretch;
}

/* Card */
#press-outro.press-outro.v3 .card{
  position:relative;
  border-radius:var(--radius);
  background:linear-gradient(180deg,var(--panel) 0%, var(--panel2) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.7);
  padding:clamp(20px,2.4vw,26px);
  display:flex;
  flex-direction:column;
  gap:14px;
}
#press-outro.press-outro.v3 .card-header{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Pill */
#press-outro.press-outro.v3 .pill-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.7);
  font:600 .78rem/1 "Oswald","Open Sans",system-ui,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#fff;
  width:max-content;
}
#press-outro.press-outro.v3 .pill-label .dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--redHi);
}

/* Title + text */
#press-outro.press-outro.v3 .card-title{
  margin:0;
  font:700 clamp(18px,2.2vw,22px)/1.3 "Oswald","Open Sans",system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#fff;
}
#press-outro.press-outro.v3 .card p{
  margin:0;
  font-size:.95rem;
  line-height:1.75;
  color:rgba(255,255,255,.9);
}
#press-outro.press-outro.v3 .bullets{
  margin:6px 0 0;
  padding-left:18px;
  font-size:.93rem;
  line-height:1.7;
  color:rgba(255,255,255,.9);
}
#press-outro.press-outro.v3 .bullets li{margin:6px 0}
#press-outro.press-outro.v3 .bullets li::marker{color:var(--redHi)}

/* Mini cases */
#press-outro.press-outro.v3 .mini-cases{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
#press-outro.press-outro.v3 .mini-case{
  position:relative;
  flex:1 1 0;
  min-width:0;
  max-width:32%;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  background:#000;
  cursor:pointer;
  text-decoration:none;
  color:#fff;
}
#press-outro.press-outro.v3 .mini-case::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
  pointer-events:none;
}
#press-outro.press-outro.v3 .mini-case img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.03);
  transition:transform .14s ease-out;
}
#press-outro.press-outro.v3 .mini-case span{
  position:absolute;
  left:8px;
  right:8px;
  bottom:6px;
  z-index:1;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(0,0,0,.7);
  font:600 .72rem/1 "Oswald","Open Sans",system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
}
#press-outro.press-outro.v3 .mini-case:hover img{transform:scale(1.07)}

/* Avatars */
#press-outro.press-outro.v3 .avatars{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
#press-outro.press-outro.v3 .avatar{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-decoration:none;
  color:#fff;
  font:600 .72rem/1 "Open Sans",system-ui,sans-serif;
}
#press-outro.press-outro.v3 .avatar img{
  width:56px;
  height:56px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.3);
  box-shadow:0 10px 24px rgba(0,0,0,.55);
  transition:transform .14s ease-out, box-shadow .14s ease-out, border-color .14s ease-out;
}
#press-outro.press-outro.v3 .avatar span{opacity:.9}
#press-outro.press-outro.v3 a.avatar:hover img{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(0,0,0,.75);
  border-color:rgba(205,53,53,.8);
}

/* CTAs */
#press-outro.press-outro.v3 .card-footer{margin-top:14px}
#press-outro.press-outro.v3 .cta-red{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:700 14px/1.15 "Open Sans",system-ui,sans-serif;
  letter-spacing:.35px;
  text-transform:uppercase;
  text-decoration:none!important;
  border-radius:var(--radiusBtn);
  padding:12px 18px;
  min-height:44px;
  cursor:pointer;
  background:linear-gradient(180deg,var(--red),var(--redHi));
  color:#fff!important;
  border:none;
  box-shadow:0 10px 24px rgba(205,53,53,.35);
  transition:transform .18s ease, box-shadow .18s ease;
  white-space:nowrap;
}
#press-outro.press-outro.v3 .cta-red:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(205,53,53,.42);
}
#press-outro.press-outro.v3 .cta-red:active{transform:translateY(0) scale(.99)}

/* Responsive */
@media (max-width:980px){
  #press-outro.press-outro.v3{
    --bleed:0;
    margin-inline:0;
    padding-inline:clamp(18px,7vw,28px);
  }
  #press-outro.press-outro.v3 .grid{grid-template-columns:1fr}
  #press-outro.press-outro.v3 .mini-case{
    max-width:none;
    flex:1 1 calc(33% - 6px);
  }
}

/* Reset Elementor interno */
#press-outro :where(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.elementor-widget-html){
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}















/* =========================================================
DIBUSAL · CTA Conversacional · v16D (global en CSS adicional)
Scope: #cta-impacto.cta-sec.v16d
========================================================= */

#cta-impacto.cta-sec.v16d{
  --panel:#1e1e1e; --panel2:#151515; --txt:#EEE; --muted:#cfcfcf; --line:rgba(255,255,255,.12);
  --red:#CD3535; --redHi:#E14B4B; --redDeep:#B22929;
  --radius:18px; --radiusBtn:14px; --side:clamp(16px,4vw,32px);

  font-family:"Open Sans",Arial,sans-serif;
  color:var(--txt);
  position:relative;
  isolation:isolate;

  --bleed:calc(50vw - 50%);
  margin-inline:calc(-1 * var(--bleed));
  padding-inline:calc(var(--bleed) + var(--side));

  overflow-x:clip;
  overflow-y:visible;

  background:linear-gradient(180deg,#1b1b1b 0%, #101010 100%);
  contain:paint;
}

#cta-impacto.cta-sec.v16d::before{
  content:"";
  position:absolute; left:50%; top:0; width:100vw; height:72%;
  transform:translateX(-50%);
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, var(--red) 0%, var(--redDeep) 52%, rgba(178,41,41,0) 75%),
    radial-gradient(950px 520px at 15% 0%, rgba(255,255,255,.10) 0%, transparent 60%),
    radial-gradient(900px 520px at 110% 100%, rgba(0,0,0,.25) 0%, transparent 60%);
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.7) 72%,rgba(0,0,0,0) 100%);
          mask:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,.7) 72%,rgba(0,0,0,0) 100%);
}
#cta-impacto.cta-sec.v16d::after{
  content:"";
  position:absolute; left:50%; bottom:0; width:100vw; height:92px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 55%, #0b0b0b 100%);
  pointer-events:none;
}

#cta-impacto.cta-sec.v16d .wrap{
  max-width:1200px;
  margin:0 auto;
  padding:clamp(38px,5.4vw,80px) 0 clamp(44px,4.6vw,70px);
  position:relative;
  z-index:1;
  content-visibility:auto;
  contain-intrinsic-size:760px;
}

#cta-impacto.cta-sec.v16d .grid{
  display:grid;
  gap:clamp(16px,2.1vw,26px);
  grid-template-columns:1.1fr .9fr;
  align-items:start;
}
@media (max-width:980px){
  #cta-impacto.cta-sec.v16d .grid{ grid-template-columns:1fr; }
}

#cta-impacto.cta-sec.v16d .panel{
  background:linear-gradient(180deg,var(--panel) 0%, var(--panel2) 100%);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 20px 44px rgba(0,0,0,.35);
  padding:clamp(20px,2.3vw,26px);
  content-visibility:auto;
  contain-intrinsic-size:400px;
}

#cta-impacto.cta-sec.v16d .title{
  margin:0 0 8px;
  color:#fff;
  line-height:1.02;
  letter-spacing:.6px;
  font:700 clamp(30px,5.2vw,66px)/1.02 "Oswald",sans-serif;
  text-transform:uppercase;
  text-wrap:balance;
}
#cta-impacto.cta-sec.v16d .subtitle{
  margin:0 0 6px;
  color:var(--muted);
  font-size:clamp(14.5px,1.2vw,17.5px);
  text-wrap:pretty;
}

#cta-impacto.cta-sec.v16d .bullets{
  list-style:none;
  margin:10px 0 14px;
  padding:0;
  display:grid;
  gap:8px;
}
#cta-impacto.cta-sec.v16d .bullets li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
}
#cta-impacto.cta-sec.v16d .ico{
  width:28px;height:28px;border-radius:10px;
  background:var(--red);
  display:grid;place-items:center;
  box-shadow:0 8px 18px rgba(205,53,53,.22);
}
#cta-impacto.cta-sec.v16d .ico svg{
  width:16px;height:16px;stroke:#fff;stroke-width:2;fill:none;
}
#cta-impacto.cta-sec.v16d .p{
  margin:0;
  color:#eaeaea;
  font-size:15.3px;
  line-height:1.55;
}
#cta-impacto.cta-sec.v16d .strong{ color:#fff; font-weight:700; }

#cta-impacto.cta-sec.v16d .cta-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
  align-items:center;
}
#cta-impacto.cta-sec.v16d .cta-dibu{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:800;
  background:linear-gradient(180deg,var(--red),var(--redHi));
  color:#fff!important;
  border:none;
  box-shadow:0 10px 24px rgba(205,53,53,.35);
  transition:transform .18s ease, box-shadow .18s ease;
  text-decoration:none!important;
  line-height:1.1;
  min-height:44px;
  white-space:nowrap;
}
#cta-impacto.cta-sec.v16d .cta-dibu:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(205,53,53,.42);
}
#cta-impacto.cta-sec.v16d .cta-dibu:focus-visible{
  outline:2px dashed rgba(255,255,255,.85);
  outline-offset:3px;
}

/* WhatsApp (botón del panel izquierdo) */
#cta-impacto.cta-sec.v16d .wa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#fff!important;
  text-decoration:none!important;
  min-height:44px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(0,0,0,.22);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#cta-impacto.cta-sec.v16d .wa-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 30px rgba(0,0,0,.28);
}
#cta-impacto.cta-sec.v16d .wa-btn svg{
  width:18px;height:18px;fill:#25D366;flex:0 0 auto;
}
#cta-impacto.cta-sec.v16d .wa-btn:focus-visible{
  outline:2px dashed rgba(255,255,255,.85);
  outline-offset:3px;
}

#cta-impacto.cta-sec.v16d .legal{
  margin-top:8px;
  color:#a9a9a9;
  font-size:12.5px;
}

/* Panel derecho (checks) */
#cta-impacto.cta-sec.v16d .side-title2{
  margin:0 0 10px;
  color:#fff;
  font:700 clamp(20px,2.6vw,30px)/1 "Oswald",sans-serif;
  text-transform:none;
}
#cta-impacto.cta-sec.v16d .checks{
  list-style:none;
  margin:10px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
#cta-impacto.cta-sec.v16d .checks li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
}
#cta-impacto.cta-sec.v16d .tick{
  width:30px;height:30px;
  border-radius:10px;
  background:var(--red);
  display:grid;
  place-items:center;
  box-shadow:0 8px 18px rgba(205,53,53,.28);
}
#cta-impacto.cta-sec.v16d .tick::after{
  content:"";
  width:16px;height:8px;
  border:2px solid #fff;
  border-top:0;border-right:0;
  transform:rotate(-45deg) translate(1px,1px);
}

/* motion */
@media (prefers-reduced-motion:reduce){
  #cta-impacto.cta-sec.v16d *{ transition:none!important; animation:none!important; }
}

/* Reset Elementor dentro del bloque */
#cta-impacto :where(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.elementor-widget-html){
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}









/* =========================================================
DIBUSAL · CTA Sticky Dock · CSS-only · MINI fijo (sin JS)
Scope: #dibu-cta-dock
========================================================= */

#dibu-cta-dock{
  --bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  --shadow: 0 18px 44px rgba(0,0,0,.38);
  --red:#CD3535;
  --redHi:#E14B4B;

  position:fixed;
  z-index:999999;
  right:16px;
  bottom:var(--bottom);
  left:auto;

  font-family:"Open Sans",Arial,sans-serif;
  color:#fff;

  /* visible siempre */
  opacity:1;
  pointer-events:auto;
  transform:none;
}

#dibu-cta-dock a{ text-decoration:none !important }

#dibu-cta-dock .btn-dibu,
#dibu-cta-dock .btn-dibu:link,
#dibu-cta-dock .btn-dibu:visited{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 16px !important;
  min-height:44px !important;

  border:none !important;
  border-radius:14px !important;

  background:linear-gradient(180deg,var(--red),var(--redHi)) !important;
  color:#fff !important;

  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.15 !important;

  box-shadow:0 10px 24px rgba(205,53,53,.35) !important, var(--shadow);
  transition:transform .18s ease !important;

  white-space:nowrap;
}

#dibu-cta-dock .btn-dibu:hover{ transform:translateY(-1px) !important }
#dibu-cta-dock .btn-dibu:active{ transform:translateY(0) scale(.99) !important }

#dibu-cta-dock .btn-dibu svg{
  width:16px;
  height:16px;
  stroke:#fff;
  fill:none;
  stroke-width:2.2;
}

@media (max-width:1024px){
  #dibu-cta-dock{ right:12px }
}

@media (prefers-reduced-motion:reduce){
  #dibu-cta-dock, #dibu-cta-dock *{
    transition:none !important;
    animation:none !important;
  }
}
















/* =========================================================
DIBUSAL · Footer principal · v1.3 · CSS adicional
Scope: #dibu-footer
========================================================= */

#dibu-footer.dibu-footer.v1{
  --red:#CD3535; --redHi:#E14B4B;
  --ink:#F5F5F5; --muted:#c7c7c7;
  --line:rgba(255,255,255,.22);
  --side:clamp(18px,4vw,32px);

  font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  position:relative;
  isolation:isolate;
  background:#050505;

  --bleed:calc(50vw - 50%);
  margin-inline:calc(-1 * var(--bleed));
  padding-inline:calc(var(--bleed) + var(--side));
  overflow:hidden;

  content-visibility:auto;
  contain-intrinsic-size:auto 420px;
}

#dibu-footer.dibu-footer.v1::before{
  content:"";
  position:absolute;
  inset:-4px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.88) 40%, rgba(0,0,0,.94) 100%),
    url("https://dibusal.com/wp-content/uploads/2024/09/hector-martinez-110928-unsplash.jpg") center/cover no-repeat;
  opacity:.9;
  pointer-events:none;
}

#dibu-footer.dibu-footer.v1::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(205,53,53,.35), transparent 55%),
    radial-gradient(80% 100% at 100% 100%, rgba(0,0,0,.9), transparent 60%);
  mix-blend-mode:soft-light;
  opacity:.9;
  pointer-events:none;
}

#dibu-footer.dibu-footer.v1 .wrap{
  max-width:1180px;
  margin:0 auto;
  padding-block:clamp(40px,5vw,64px);
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.2fr 1fr 1.1fr 1.1fr;
  gap:clamp(22px,3vw,40px);
}

#dibu-footer.dibu-footer.v1 h3{
  margin:0 0 8px;
  font:600 .86rem/1 "Oswald",sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#fff;
}

#dibu-footer.dibu-footer.v1 p,
#dibu-footer.dibu-footer.v1 li,
#dibu-footer.dibu-footer.v1 a{
  font-size:.92rem;
  line-height:1.7;
}

#dibu-footer.dibu-footer.v1 .col small{
  display:block;
  font-size:.8rem;
  color:var(--muted);
}

/* CONTACTO */
#dibu-footer.dibu-footer.v1 .contact-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:4px;
  color:var(--muted);
}
#dibu-footer.dibu-footer.v1 .contact-list li span.icon{
  display:inline-block;
  width:14px;
  margin-right:6px;
  color:var(--redHi);
}
#dibu-footer.dibu-footer.v1 .contact-list a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .18s ease,color .18s ease;
}
#dibu-footer.dibu-footer.v1 .contact-list a:hover{
  color:#fff;
  border-color:rgba(255,255,255,.55);
}

/* SOCIAL */
#dibu-footer.dibu-footer.v1 .social-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}
#dibu-footer.dibu-footer.v1 .social-row a{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:rgba(0,0,0,.6);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#dibu-footer.dibu-footer.v1 .social-row a svg{
  width:16px;
  height:16px;
  fill:currentColor;
  display:block;
}
#dibu-footer.dibu-footer.v1 .social-row a:hover{
  background:linear-gradient(180deg,var(--red),var(--redHi));
  border-color:rgba(255,255,255,.35);
  box-shadow:0 10px 24px rgba(205,53,53,.35);
  transform:translateY(-1px);
}

/* LINKS */
#dibu-footer.dibu-footer.v1 .link-list{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:4px;
}
#dibu-footer.dibu-footer.v1 .link-list a{
  text-decoration:none;
  color:var(--ink);
  font:600 .88rem/1.4 "Oswald",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:2px 0;
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease,transform .12s ease;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
#dibu-footer.dibu-footer.v1 .link-list a:hover{
  color:var(--redHi);
  border-color:rgba(205,53,53,.7);
  transform:translateX(2px);
}
#dibu-footer.dibu-footer.v1 .link-list .cookie a span.cookie-emoji{
  font-size:1.1rem;
}

/* BRAND */
#dibu-footer.dibu-footer.v1 .brand{
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
}
#dibu-footer.dibu-footer.v1 .brand img{
  max-width:150px;
  height:auto;
  display:block;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.75));
}
#dibu-footer.dibu-footer.v1 .brand p{
  margin:0;
  color:var(--muted);
  max-width:220px;
  font-size:.9rem;
  line-height:1.6;
}

/* LEGAL */
#dibu-footer.dibu-footer.v1 .legal-row{
  grid-column:1 / -1;
  margin-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:.78rem;
  color:rgba(255,255,255,.6);
}
#dibu-footer.dibu-footer.v1 .legal-row a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
#dibu-footer.dibu-footer.v1 .legal-row a:hover{
  border-color:rgba(255,255,255,.7);
}

/* RESPONSIVE */
@media (max-width:960px){
  #dibu-footer.dibu-footer.v1 .wrap{
    grid-template-columns:1.3fr 1.1fr;
  }
  #dibu-footer.dibu-footer.v1 .brand{
    align-items:flex-start;
    text-align:left;
  }
}
@media (max-width:640px){
  #dibu-footer.dibu-footer.v1 .wrap{
    grid-template-columns:1fr;
  }
  #dibu-footer.dibu-footer.v1 .brand{
    align-items:flex-start;
    text-align:left;
  }
  #dibu-footer.dibu-footer.v1 .legal-row{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Reset Elementor */
#dibu-footer :where(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.elementor-widget-html){
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}













/* =========================================================
   DIBUSAL · CASOS DE ÉXITO · CSS GLOBAL (WP CSS Adicional)
   Base: .case-sec.v10 (reutilizable)
   Variantes: hero (split|center), lede 2 cols, gallery (default|two),
              metrics (contadores), cols/cards/bullets, keynote
   ========================================================= */

/* -------------------------
   TOKENS + BASE SECTION
------------------------- */
.case-sec.v10{
  --red:#CD3535;
  --redHi:#B22929;
  --ink:#fff;
  --muted:#e8e8e8;
  --line:rgba(255,255,255,.10);
  --g1:#191919;
  --g2:#101010;
  --radius-xl:28px;
  --radius-md:16px;
  --radius-img:20px;
  --side:clamp(18px,4vw,32px);

  font-family:"Open Sans",Arial,sans-serif;
  color:var(--ink);
  position:relative;
  isolation:isolate;
  overflow:hidden;

  /* full-bleed container */
  --bleed: calc(50vw - 50%);
  margin-inline: calc(-1 * var(--bleed));
  padding-inline: calc(var(--bleed) + var(--side));

  background:
    radial-gradient(80% 60% at 15% 10%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(90% 70% at 85% 35%, rgba(205,53,53,.10), transparent 60%),
    linear-gradient(180deg, var(--red) 0%, var(--redHi) 40%, var(--g1) 78%, var(--g2) 100%);
}

/* links */
.case-sec.v10 a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
.case-sec.v10 a:hover{ text-decoration-thickness:2px; }

/* wrap */
.case-sec.v10 .wrap{
  max-width:1200px;
  margin-inline:auto;
  padding-block: clamp(42px,6vw,80px);
}

/* -------------------------
   TYPO: EYEBROW / TITLE / LEDE
------------------------- */
.case-sec.v10 .eyebrow{
  margin:0;
  font:700 14px/1 "Oswald",sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.9;
}
.case-sec.v10 .title{
  margin:.2em 0 8px;
  color:#fff;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  font-size:clamp(28px,5.2vw,60px);
  line-height:1.02;
  letter-spacing:.6px;
  text-wrap:balance;
  text-shadow:0 10px 26px rgba(0,0,0,.28);
}
.case-sec.v10 .lede{
  margin:0;
  color:#f2f2f2;
  font-size:clamp(15px,1.2vw,18px);
  line-height:1.7;
}

/* -------------------------
   HERO VARIANTS
------------------------- */

/* hero wrapper spacing */
.case-sec.v10 .hero{ margin-bottom: clamp(12px,2.6vw,22px); }

/* HERO SPLIT */
.case-sec.v10 .hero.split{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:clamp(16px,3vw,28px);
  align-items:center;
}
@media (max-width:900px){
  .case-sec.v10 .hero.split{
    grid-template-columns:1fr;
    text-align:center;
  }
}

/* HERO CENTER */
.case-sec.v10 .hero.center{ text-align:center; }
.case-sec.v10 .hero.center .title{
  margin:.2em auto 6px;
  max-width:22ch;
}

/* LEDE 2 COLUMNAS (solo si pones .lede.center) */
.case-sec.v10 .lede.center{
  margin:0 auto;
  max-width:78ch;
  column-count:2;
  column-gap:2.6em;
  column-width:35ch;
  text-align:left;
}
@media(max-width:860px){
  .case-sec.v10 .lede.center{
    column-count:1;
    text-align:center;
  }
}

/* -------------------------
   MEDIA: FIGURE / IMG / CAPTION
------------------------- */

/* figure base (hero y gallery) */
.case-sec.v10 figure{
  margin:0;
  background:linear-gradient(180deg,#1a1a1a,#121212);
  border:1px solid var(--line);
  border-radius:var(--radius-img);
  overflow:hidden;
  box-shadow:0 20px 44px rgba(0,0,0,.35);
}
.case-sec.v10 figure img{
  width:100%;
  display:block;
  object-fit:cover;
  filter:contrast(1.03);
}
.case-sec.v10 figcaption{
  padding:10px 12px;
  font-size:13px;
  color:#f3f3f3;
  opacity:.9;
}

/* hero figure specifics */
.case-sec.v10 .hero.split figure img{
  height:100%;
  max-height:380px;
}
.case-sec.v10 .hero.split figcaption{ display:none; }

/* generic mobile caption reduction */
@media (max-width:740px){
  .case-sec.v10 figcaption{ display:none; }
  .case-sec.v10 figure img{ height:auto; }
}

/* -------------------------
   GALLERY VARIANTS
------------------------- */
.case-sec.v10 .gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top: clamp(14px,2.6vw,22px);
}
.case-sec.v10 .gallery.two{
  grid-template-columns:repeat(2,1fr);
  justify-items:center;
}
@media (max-width:740px){
  .case-sec.v10 .gallery{ grid-template-columns:1fr; }
  .case-sec.v10 .gallery.two{ grid-template-columns:1fr; }
}

/* OPTIONAL: si quieres “solo 1 imagen en móvil” en galerías 3-col
   Añade class="gallery oneOnMobile" */
@media (max-width:740px){
  .case-sec.v10 .gallery.oneOnMobile figure:nth-child(n+2){ display:none; }
}

/* altura estándar galería en desktop (mantiene consistencia visual) */
.case-sec.v10 .gallery figure img{ height:240px; }

/* -------------------------
   METRICS (contadores)
------------------------- */
.case-sec.v10 .metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin: clamp(18px,3vw,30px) 0;
}
@media (max-width:760px){
  .case-sec.v10 .metrics{
    grid-template-columns:1fr;
    gap:10px;
  }
}
.case-sec.v10 .metric{
  display:grid;
  place-items:center;
  text-align:center;
  padding:16px;
  background:linear-gradient(180deg,#1c1c1c 0%, #111 100%);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 14px 36px rgba(0,0,0,.32);
}
.case-sec.v10 .metric .num{
  font-family:"Oswald",sans-serif;
  font-weight:700;
  font-size:clamp(32px,4.6vw,58px);
  line-height:1;
  letter-spacing:.5px;
}
.case-sec.v10 .metric .lbl{
  margin-top:6px;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.85;
}

/* -------------------------
   COLS + CARDS
------------------------- */
.case-sec.v10 .cols{
  display:grid;
  gap:clamp(16px,2.4vw,24px);
  margin-top: clamp(18px,3vw,30px);
  grid-template-columns:repeat(3,1fr);
}
@media (max-width:1100px){
  .case-sec.v10 .cols{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:740px){
  .case-sec.v10 .cols{ grid-template-columns:1fr; }
}

.case-sec.v10 .card{
  background:linear-gradient(180deg,#1c1c1c 0%, #111 100%);
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  box-shadow:0 20px 44px rgba(0,0,0,.35);
  padding:clamp(16px,1.8vw,22px) clamp(16px,2vw,22px);
  content-visibility:auto;
  contain-intrinsic-size: 400px;
}

/* label pill */
.case-sec.v10 .label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  font:700 13px/1 "Oswald",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.case-sec.v10 .label .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--red);
}

.case-sec.v10 h3{
  margin:10px 0 8px;
  font:700 clamp(20px,2.4vw,26px)/1.1 "Oswald",sans-serif;
  color:#fff;
}
.case-sec.v10 p{
  margin:0 0 10px;
  color:#f1f1f1;
  line-height:1.7;
  font-size:clamp(14px,1.05vw,16px);
}

/* bullets with tick */
.case-sec.v10 .bullets{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.case-sec.v10 .bullets li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:start;
}
.case-sec.v10 .tick{
  width:28px;
  height:28px;
  border-radius:10px;
  background:var(--red);
  display:grid;
  place-items:center;
  box-shadow:0 12px 28px rgba(205,53,53,.28);
}
.case-sec.v10 .tick::after{
  content:"";
  width:14px;
  height:7px;
  border:2px solid #fff;
  border-top:0;
  border-right:0;
  transform:rotate(-45deg) translate(1px,1px);
}

/* keynote (si existe en algunos casos) */
.case-sec.v10 .keynote{
  margin-top:14px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(205,53,53,.10), rgba(0,0,0,0)) padding-box,
    linear-gradient(90deg, rgba(205,53,53,.45), rgba(0,0,0,0)) border-box;
  font-weight:600;
  color:#fff;
}

/* -------------------------
   OPTIONAL: small nav block inside cases
------------------------- */
.case-sec.v10 nav[aria-label="Más sobre Dibusal"] p{
  margin:0;
  font-size:14px;
  opacity:.9;
}




/** End Template Kit CSS: Notary Public (css/customizer.css) **/