.hero-banner-politica-privacidad {
 display: flex;
 padding: var(--size-space-0, 0);
 flex-direction: column;
 align-items: flex-start;
 gap: var(--size-space-0, 0);
 background: var(--Color-Surface-General-1, #FFF);
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
 display: flex;
 padding: var(--size-space-32, 32px) var(--size-space-16, 16px);
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 gap: var(--size-space-32, 32px);
 width: 100%;
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: var(--size-space-8, 8px);
 align-self: stretch;
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles p {
 margin-bottom: var(--size-space-0, 0px);
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles .titles-subtitulo {
 color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles .titles-titulo {
 color: var(--Color-Content-General-1, #2C2C2C);
}

.hero-banner-politica-privacidad .content-hero-banner-politica-privacidad img {
 height: 150px;
 align-self: stretch;
 border-radius: var(--border-radius-l, 16px);
 width: 100%;
 object-fit: cover;
 background-color: lightgray;
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
  padding: var(--size-space-32, 32px) 42px;
 }
}

/* Large devices (desktops, 768px and up) */

@media (min-width: 768px) {
 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
  padding: var(--size-space-32, 32px) var(--size-space-48, 48px);
 }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
 .hero-banner-politica-privacidad {
  height: 250px;
  background: url('/ibdmedia/ibdcomes/comun/politica-privacidad/img/hero-banner-politica-privacidad-desktop.webp') lightgray 50% / cover no-repeat;
 }
 
 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
  padding: var(--size-space-40, 40px) 82px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
 }

 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles {
  width: 402px;
  padding: var(--size-space-32, 32px) var(--size-space-24, 24px);
  align-items: center;
  border-radius: var(--border-radius-l, 16px);
  background: var(--Color-Surface-General-1, #FFF);
 }

 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad img {
  display: none;
 }
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles {
  width: 401px;
 }

 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
  padding: var(--size-space-40, 40px) 102px;
 }
}

/* Extra extra large devices (larger desktops, 1920px and up) */

@media screen and (min-width: 1920px) {
 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad .titles {
  width: 408px;
 }

 .hero-banner-politica-privacidad .content-hero-banner-politica-privacidad {
  padding: var(--size-space-40, 40px) 324px;
 }
}