.elementor-321 .elementor-element.elementor-element-4dcbe88:not(.elementor-motion-effects-element-type-background), .elementor-321 .elementor-element.elementor-element-4dcbe88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0C0D28 0%, #2A2B8A 100%);}.elementor-321 .elementor-element.elementor-element-4dcbe88 > .elementor-background-overlay{background-color:#000000;opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321 .elementor-element.elementor-element-4dcbe88{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:100px;margin-bottom:80px;padding:160px 160px 160px 160px;}.elementor-321 .elementor-element.elementor-element-926d6aa{text-align:center;}.elementor-321 .elementor-element.elementor-element-926d6aa .elementor-heading-title{font-size:48px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-321 .elementor-element.elementor-element-73ff519{text-align:center;}.elementor-321 .elementor-element.elementor-element-73ff519 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFFD9;}.elementor-321 .elementor-element.elementor-element-e2e7911{text-align:center;}.elementor-321 .elementor-element.elementor-element-51c3dbc:not(.elementor-motion-effects-element-type-background), .elementor-321 .elementor-element.elementor-element-51c3dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFE;}.elementor-321 .elementor-element.elementor-element-51c3dbc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 20px 80px 20px;}.elementor-321 .elementor-element.elementor-element-51c3dbc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-321 .elementor-element.elementor-element-a13a12a .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:40px;}.elementor-321 .elementor-element.elementor-element-3bb147f{text-align:center;}.elementor-321 .elementor-element.elementor-element-3bb147f .elementor-heading-title{font-size:2.5rem;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:#2C2C2C;}.elementor-321 .elementor-element.elementor-element-6676618 .elementor-button{background-color:#0062FF;fill:#FFFFFF;color:#FFFFFF;border-radius:30px 30px 30px 30px;}.elementor-321 .elementor-element.elementor-element-6676618 > .elementor-widget-container{padding:16px 32px 16px 32px;}@media(max-width:1024px){.elementor-321 .elementor-element.elementor-element-4dcbe88{padding:128px 40px 40px 40px;}}@media(max-width:767px){.elementor-321 .elementor-element.elementor-element-4dcbe88{padding:128px 24px 32px 24px;}.elementor-321 .elementor-element.elementor-element-926d6aa .elementor-heading-title{font-size:36px;}.elementor-321 .elementor-element.elementor-element-73ff519 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for section, class: .elementor-element-4dcbe88 *//* ───────── Hero “Sobre nosotros” ───────── */
.about-hero {
  position: relative;
  overflow: visible;
  padding: 6rem 1rem;
  text-align: center;
  color: #fff;

  /* Fondo: degradado + ruido */
  background:
    url("https://nuevo.miwebmadrid.es/wp-content/uploads/2025/05/noise.png") repeat,
    linear-gradient(135deg, #12153b 0%, #1a237e 100%);

  /* Parallax suave */
  background-attachment: fixed;
  background-blend-mode: multiply;
  filter: contrast(1.1) saturate(1.2);
}

/* ─── Título principal ─── */
.about-hero__title {
  font-size: 3.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
  position: relative;
}
.about-hero__title::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: #FFC107;
  margin: 12px auto 0;
  border-radius: 2px;
}

/* ─── Subtítulo con línea decorativa ─── */
.about-hero__subtitle {
  font-size: 1.25rem;
  letter-spacing: 1px;
  margin-bottom: 2rem;
  position: relative;
}
.about-hero__subtitle::after {
  content: "";
  display: block;
  width: 3rem;
  height: 3px;
  background: #fdbc3d;
  margin: 8px auto 0;
  border-radius: 2px;
}

/* ─── Botón “Conoce nuestro equipo” deluxe ─── */
.about-hero__btn {
  display: inline-block;
  background: linear-gradient(45deg, #FFC107, #FF6F00);
  color: #0D47A1 !important;
  padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  border: none;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
  transition: transform .3s ease, box-shadow .3s ease;
}
.about-hero__btn::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-25deg);
  transition: all .5s ease;
}
.about-hero__btn:hover::before {
  left: 200%;
}
.about-hero__btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}
.about-hero__btn::after {
  content: "→";
  display: inline-block;
  margin-left: 8px;
  transition: margin .3s ease;
}
.about-hero__btn:hover::after {
  margin-left: 14px;
}

/* ─── Scroll hint animada ─── */
.about-hero__scroll-hint {
  display: inline-block;
  margin-top: 3rem;
  font-size: 2rem;
  color: rgba(255,255,255,0.8);
  animation: bounce 1.5s infinite;
}
@keyframes bounce {
  0%,100% { transform: translateY(0) }
  50%     { transform: translateY(8px) }
}

/* ───────── Responsive ───────── */
@media (max-width: 1024px) {
  .about-hero__title    { font-size: 2.8rem; }
  .about-hero__subtitle { font-size: 1.1rem; }
}
@media (max-width: 600px) {
  .about-hero { padding: 4rem 1rem; }
  .about-hero__title    { font-size: 2.2rem; }
  .about-hero__subtitle { font-size: 1rem; }
  .about-hero__btn {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    padding: 0.85rem;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1219a58 *//* Imagen responsive y centrada */
.about-section .elementor-widget-image img {
  max-width: 80%;
  margin: 1.5rem auto;
  display: block;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
@media(max-width:600px){
  .about-section .elementor-widget-image img {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-51c3dbc *//* ─────────── Sobre Nosotros Section ─────────── */
.elementor-section.about-nosotros {
  background-color: #FAFAFE;
  padding: 80px 20px;
}

/* Contenedor interno para centrar y limitar ancho */
.elementor-section.about-nosotros .elementor-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ─── TÍTULO PRINCIPAL ─── */
.elementor-section.about-nosotros h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2C2C2C;
  margin-bottom: 1.5rem;
  text-transform: none;
  letter-spacing: normal;
}

/* ─── PÁRRAFOS ─── */
.elementor-section.about-nosotros .elementor-text-editor p {
  font-size: 16px;
  line-height: 1.6;
  color: #4A4A4A;
  margin-bottom: 1rem;
}

/* ─── LISTA DE BENEFICIOS ─── */
.elementor-section.about-nosotros .elementor-text-editor ul {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}
.elementor-section.about-nosotros .elementor-text-editor ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 0.75rem;
  font-size: 16px;
  color: #4A4A4A;
}
.elementor-section.about-nosotros .elementor-text-editor ul li::before {
  content: "✔︎";
  position: absolute;
  left: 0;
  top: 0;
  color: #0062FF;
  font-weight: bold;
}

/* ─── BOTONES ─── */
.elementor-section.about-nosotros .elementor-button-wrapper .elementor-button {
  display: inline-block;
  background-color: #0062FF;
  color: #FFFFFF;
  padding: 16px 32px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 30px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
  border: none;
  text-decoration: none;
  line-height: 1;
}
.elementor-section.about-nosotros .elementor-button-wrapper .elementor-button:hover {
  background-color: #004CEE;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

/* ─── SEPARADOR FINAL ─── */
.elementor-section.about-nosotros .elementor-divider__separator {
  max-width: 60%;
  margin: 2rem auto 0;
  border-top: 1px solid rgba(0,0,0,0.1);
}/* End custom CSS */