/*--------------------------------------------------------------
# Hero Zone - Específico para páginas de zonas
--------------------------------------------------------------*/
.hero-zone {
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #ffffff;
}

.hero-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay-zone {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.4) 100%);
}

.hero-zone .container {
  position: relative;
  z-index: 2;
}

/* Badge de ubicación */
.zone-badge-wrapper {
  margin-bottom: 20px;
}

.zone-location-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.15);
  border: 1px solid rgba(255, 204, 0, 0.3);
  backdrop-filter: blur(10px);
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #FFCC00;
}

.zone-location-badge i {
  font-size: 16px;
}

/* Título */
.hero-zone h1 {
  font-size: 52px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
}

.highlight-zone {
  color: #FFCC00;
  position: relative;
  display: inline-block;
}

.highlight-zone::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 8px;
  background: rgba(255, 204, 0, 0.3);
  z-index: -1;
}

/* Subtítulo */
.hero-zone p {
  font-size: 18px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.9);
}

/* Features específicas de zona */
.zone-features {
  display: flex;
  gap: 25px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.zone-feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  padding: 10px 18px;
  backdrop-filter: blur(5px);
  transition: all 0.3s;
}

.zone-feature-item:hover {
  background: rgba(255, 204, 0, 0.1);
  border-color: #FFCC00;
  transform: translateY(-3px);
}

.zone-feature-item i {
  color: #FFCC00;
  font-size: 24px;
}

.feature-text {
  display: flex;
  flex-direction: column;
}

.feature-text strong {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.feature-text span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

/* Botones CTA */
.cta-btn-zone {
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
}

.cta-btn-zone i {
  font-size: 18px;
}

.primary-zone {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
}

.primary-zone:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.whatsapp-zone {
  background: transparent;
  color: #fff;
  border: 2px solid #FFCC00;
}

.whatsapp-zone i {
  color: #FFCC00;
}

.whatsapp-zone:hover {
  background: #FFCC00;
  color: #000;
}

.whatsapp-zone:hover i {
  color: #000;
}

/* Estadísticas */
.zone-stats {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-item {
  text-align: center;
}

.stat-number {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #FFCC00;
  line-height: 1;
  margin-bottom: 5px;
}

.stat-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Tarjeta de emergencia */
.emergency-zone-card {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 25px;
  padding: 35px;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}

.emergency-zone-card:hover {
  transform: translateY(-10px);
  border-color: #FFCC00;
  box-shadow: 0 30px 60px rgba(255, 204, 0, 0.2);
}

.card-content {
  text-align: center;
}

.card-icon {
  width: 80px;
  height: 80px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  border: 2px solid rgba(255, 204, 0, 0.3);
}

.card-icon i {
  font-size: 40px;
  color: #FFCC00;
}

.emergency-zone-card h4 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
}

.emergency-zone-card p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  margin-bottom: 20px;
}

.emergency-zone-phone {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #FFCC00;
  text-decoration: none;
  margin-bottom: 20px;
  transition: 0.3s;
}

.emergency-zone-phone:hover {
  color: #fff;
  transform: scale(1.05);
}

.card-badges {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.badge-response, .badge-location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
}

.badge-response {
  background: rgba(255, 204, 0, 0.15);
  color: #FFCC00;
  border: 1px solid rgba(255, 204, 0, 0.3);
}

.badge-location {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Responsive */
@media (max-width: 991px) {
  .hero-zone {
    min-height: auto;
    padding: 120px 0 60px;
  }
  
  .hero-zone h1 {
    font-size: 42px;
  }
  
  .zone-features {
    gap: 15px;
  }
  
  .zone-feature-item {
    padding: 8px 15px;
  }
  
  .zone-feature-item i {
    font-size: 20px;
  }
  
  .feature-text strong {
    font-size: 14px;
  }
  
  .zone-stats {
    margin-top: 30px;
    gap: 20px;
  }
  
  .emergency-zone-card {
    margin-top: 30px;
    padding: 25px;
  }
  
  .emergency-zone-phone {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .hero-zone {
    padding: 100px 0 40px;
    text-align: center;
  }
  
  .hero-zone h1 {
    font-size: 36px;
  }
  
  .zone-badge-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
  
  .zone-features {
    justify-content: center;
  }
  
  .zone-stats {
    justify-content: center;
  }
  
  .emergency-zone-card {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .hero-zone h1 {
    font-size: 28px;
  }
  
  .hero-zone p {
    font-size: 16px;
  }
  
  .zone-features {
    flex-direction: column;
    align-items: center;
  }
  
  .zone-feature-item {
    width: 100%;
  }
  
  .cta-btn-zone {
    width: 100%;
    justify-content: center;
  }
  
  .zone-stats {
    flex-wrap: wrap;
    gap: 15px;
  }
  
  .stat-item {
    flex: 1;
    min-width: 80px;
  }
  
  .stat-number {
    font-size: 20px;
  }
  
  .stat-label {
    font-size: 11px;
  }
}


/*--------------------------------------------------------------
# About Zone - Específico para páginas de zonas
--------------------------------------------------------------*/
.about-zone {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen */
.about-zone-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-zone-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-zone {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
  z-index: 1;
}

/* Badge flotante en la imagen */
.image-badge-zone {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 15px 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  animation: float-zone 3s ease-in-out infinite;
}

.image-badge-zone i {
  font-size: 24px;
  color: #000;
}

.image-badge-zone span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Badge de experiencia */
.experience-badge-zone {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  gap: 15px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  animation: pulse-zone 2s ease-in-out infinite;
}

.experience-badge-zone .years {
  font-size: 42px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

.experience-badge-zone .text {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}

/* Columna derecha - Contenido */
.about-zone-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación */
.about-zone-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 25px;
}

.about-zone-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-zone-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Título */
.about-zone-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.2;
}

.about-zone-content .highlight-zone {
  color: #FFCC00;
  position: relative;
  display: inline-block;
}

.about-zone-content .highlight-zone::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 8px;
  background: rgba(255, 204, 0, 0.3);
  z-index: -1;
}

/* Descripción */
.about-zone-description {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}

/* Tarjetas de características */
.about-zone-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-card {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-card:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.feature-icon {
  width: 55px;
  height: 55px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-card:hover .feature-icon {
  background: #FFCC00;
}

.feature-icon i {
  font-size: 28px;
  color: #FFCC00;
  transition: 0.3s;
}

.feature-card:hover .feature-icon i {
  color: #000;
}

.feature-text h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.feature-text p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.about-zone-cta {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.btn-about-zone {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-about-zone:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

.btn-about-zone-whatsapp {
  background: #25D366;
  border: 2px solid #25D366;
  color: #fff;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-about-zone-whatsapp:hover {
  background: #20b857;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
  color: #fff;
}

/* Sellos de calidad */
.quality-seals {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.seal-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.seal-item i {
  color: #FFCC00;
  font-size: 18px;
}

.seal-item span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  font-weight: 500;
}

/* Animaciones */
@keyframes float-zone {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes pulse-zone {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* Responsive */
@media (max-width: 991px) {
  .about-zone-image-wrapper,
  .about-zone-image {
    min-height: 400px;
  }
  
  .about-zone-content {
    padding: 40px 30px;
  }
  
  .about-zone-content h2 {
    font-size: 36px;
  }
  
  .image-badge-zone {
    top: 20px;
    right: 20px;
    padding: 10px 20px;
  }
  
  .experience-badge-zone {
    bottom: 20px;
    left: 20px;
    padding: 15px 20px;
  }
  
  .experience-badge-zone .years {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-zone-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-zone-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-zone-content h2 {
    font-size: 30px;
  }
  
  .feature-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px 15px;
  }
  
  .feature-card:hover {
    transform: translateY(-5px);
  }
  
  .about-zone-cta {
    justify-content: center;
  }
  
  .quality-seals {
    justify-content: center;
  }
  
  .image-badge-zone {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
  
  .image-badge-zone i {
    font-size: 18px;
  }
  
  .image-badge-zone span {
    font-size: 12px;
  }
  
  .experience-badge-zone {
    padding: 12px 15px;
  }
  
  .experience-badge-zone .years {
    font-size: 30px;
  }
  
  .experience-badge-zone .text {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .about-zone-content h2 {
    font-size: 26px;
  }
  
  .about-zone-description {
    font-size: 14px;
  }
  
  .feature-text h4 {
    font-size: 16px;
  }
  
  .feature-text p {
    font-size: 13px;
  }
  
  .btn-about-zone,
  .btn-about-zone-whatsapp {
    width: 100%;
    justify-content: center;
  }
  
  .quality-seals {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  
  .experience-badge-zone {
    display: none; /* Se oculta en móviles muy pequeños */
  }
}


/*--------------------------------------------------------------
# About Operators - Sección de Operadores Expertos
--------------------------------------------------------------*/
.about-operators {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-operators::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Badge de calidad */
.operators-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.operators-badge i {
  color: #FFCC00;
  font-size: 16px;
  animation: pulse-star 2s infinite;
}

.operators-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-star {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
    color: #fff;
  }
}

/* Título */
.operators-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

.operators-title .highlight-zone {
  color: #FFCC00;
  position: relative;
  display: inline-block;
}

.operators-title .highlight-zone::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 8px;
  background: rgba(255, 204, 0, 0.2);
  z-index: -1;
}

/* Descripción destacada */
.operators-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.operators-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(255, 204, 0, 0.2);
  transform: rotate(180deg);
}

.operators-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.operators-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-item-operator {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-item-operator:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.feature-icon-operator {
  width: 50px;
  height: 50px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-item-operator:hover .feature-icon-operator {
  background: #FFCC00;
}

.feature-icon-operator i {
  font-size: 24px;
  color: #FFCC00;
  transition: 0.3s;
}

.feature-item-operator:hover .feature-icon-operator i {
  color: #000;
}

.feature-content-operator h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-content-operator p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.operators-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-operator-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-operator-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.btn-operator-secondary {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-operator-secondary:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.operators-image-wrapper {
  position: relative;
  padding: 20px;
}

.operators-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.operators-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.operators-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-badge-operator {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-operator 3s ease-in-out infinite;
}

.floating-badge-operator i {
  color: #FFCC00;
  font-size: 16px;
}

.floating-badge-operator span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-operator {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Sello de certificación */
.certification-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
  animation: pulse-seal 2s ease-in-out infinite;
}

.certification-seal i {
  font-size: 24px;
  color: #000;
}

.certification-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-seal {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* Responsive */
@media (max-width: 991px) {
  .about-operators {
    padding: 60px 0;
  }
  
  .operators-title {
    font-size: 32px;
  }
  
  .operators-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-badge-operator {
    display: none; /* Ocultar en tablet para no saturar */
  }
  
  .certification-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
  
  .certification-seal i {
    font-size: 20px;
  }
  
  .certification-seal span {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .operators-title {
    font-size: 28px;
    text-align: center;
  }
  
  .operators-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .operators-highlight {
    padding: 20px;
  }
  
  .operators-highlight p {
    font-size: 15px;
  }
  
  .feature-item-operator {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-item-operator:hover {
    transform: translateY(-5px);
  }
  
  .operators-cta {
    justify-content: center;
  }
  
  .certification-seal {
    bottom: 10px;
    left: 10px;
    padding: 8px 12px;
  }
  
  .certification-seal i {
    font-size: 18px;
  }
  
  .certification-seal span {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .operators-title {
    font-size: 24px;
  }
  
  .operators-highlight p {
    font-size: 14px;
  }
  
  .feature-content-operator h4 {
    font-size: 16px;
  }
  
  .feature-content-operator p {
    font-size: 13px;
  }
  
  .btn-operator-primary,
  .btn-operator-secondary {
    width: 100%;
    justify-content: center;
  }
  
  .certification-seal {
    display: none; /* Ocultar en móviles muy pequeños */
  }
}

/*--------------------------------------------------------------
# FAQ Zone - Sección de Preguntas Frecuentes
--------------------------------------------------------------*/
.faq-zone {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.faq-zone::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Ilustración y contacto */
.faq-illustration {
  padding-right: 30px;
}

.faq-image-wrapper {
  position: relative;
  margin-bottom: 30px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.faq-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.faq-image-wrapper:hover img {
  transform: scale(1.05);
}

.faq-contact-badge {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 204, 0, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 50px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: float-faq 3s ease-in-out infinite;
}

.faq-contact-badge i {
  color: #000;
  font-size: 20px;
}

.faq-contact-badge span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Tarjeta de contacto */
.faq-contact-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.2);
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  backdrop-filter: blur(10px);
}

.faq-contact-card h4 {
  color: #FFCC00;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.faq-contact-card p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin-bottom: 20px;
}

.faq-contact-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.faq-contact-btn {
  padding: 12px 25px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.faq-contact-btn.phone {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
}

.faq-contact-btn.phone:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.faq-contact-btn.whatsapp {
  background: #25D366;
  color: #fff;
}

.faq-contact-btn.whatsapp:hover {
  background: #20b857;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Acordeón de preguntas */
.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.faq-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s;
}

.faq-item:hover {
  border-color: rgba(255, 204, 0, 0.3);
  background: rgba(255, 255, 255, 0.03);
}

.faq-question {
  margin: 0;
}

.faq-button {
  width: 100%;
  padding: 20px 25px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

.faq-button:not(.collapsed) {
  background: rgba(255, 204, 0, 0.05);
  border-bottom: 1px solid rgba(255, 204, 0, 0.2);
}

.faq-icon {
  width: 40px;
  height: 40px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.faq-button:hover .faq-icon {
  background: #FFCC00;
}

.faq-button:hover .faq-icon i {
  color: #000;
}

.faq-icon i {
  color: #FFCC00;
  font-size: 20px;
  transition: 0.3s;
}

.faq-question-text {
  flex: 1;
}

.faq-arrow {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.faq-arrow i {
  color: #FFCC00;
  font-size: 18px;
  transition: transform 0.3s;
}

.faq-button:not(.collapsed) .faq-arrow i {
  transform: rotate(180deg);
}

/* Respuestas */
.faq-answer {
  padding: 20px 25px 25px 80px;
  background: rgba(0, 0, 0, 0.3);
}

.faq-answer p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.faq-answer .highlight {
  color: #FFCC00;
  font-weight: 600;
}

/* Lista de precios */
.faq-price-list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px;
}

.faq-price-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  margin-bottom: 10px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
}

.faq-price-list li i {
  color: #FFCC00;
  font-size: 16px;
}

.faq-note {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 15px;
}

.faq-link {
  color: #FFCC00;
  text-decoration: none;
  font-weight: 600;
}

.faq-link:hover {
  text-decoration: underline;
}

/* Tipos de vehículo */
.vehicle-type {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  margin-bottom: 10px;
}

.vehicle-type:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
}

.vehicle-type i {
  color: #FFCC00;
  font-size: 18px;
}

.vehicle-type span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

/* Tiempo de respuesta */
.faq-response-time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 30px;
  padding: 8px 15px;
  margin-top: 10px;
}

.faq-response-time i {
  color: #FFCC00;
}

.faq-response-time span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

/* Lista de horarios */
.faq-hours-list {
  list-style: none;
  padding: 0;
  margin: 15px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.faq-hours-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
}

.faq-hours-list li i {
  color: #FFCC00;
  font-size: 16px;
}

/* Lista de seguridad */
.faq-safety-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.faq-safety-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  transition: 0.3s;
}

.faq-safety-list li:hover {
  background: rgba(255, 204, 0, 0.05);
}

.list-number {
  width: 26px;
  height: 26px;
  background: #FFCC00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.faq-safety-list li strong {
  color: #fff;
  font-weight: 600;
}

.faq-safety-list li span:not(.list-number) {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}

/* Animaciones */
@keyframes float-faq {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Responsive */
@media (max-width: 991px) {
  .faq-illustration {
    padding-right: 0;
    margin-bottom: 40px;
  }
  
  .faq-accordion {
    margin-top: 30px;
  }
  
  .faq-answer {
    padding: 20px 25px;
  }
}

@media (max-width: 768px) {
  .faq-zone {
    padding: 60px 0;
  }
  
  .faq-button {
    padding: 15px 20px;
    font-size: 15px;
  }
  
  .faq-icon {
    width: 35px;
    height: 35px;
  }
  
  .faq-icon i {
    font-size: 16px;
  }
  
  .faq-question-text {
    font-size: 14px;
  }
  
  .faq-answer p {
    font-size: 14px;
  }
  
  .faq-hours-list {
    grid-template-columns: 1fr;
  }
  
  .faq-safety-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .faq-contact-badge {
    padding: 8px 15px;
  }
  
  .faq-contact-badge span {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .faq-contact-buttons {
    flex-direction: column;
  }
  
  .faq-contact-btn {
    width: 100%;
    justify-content: center;
  }
  
  .faq-answer {
    padding: 15px;
  }
  
  .faq-price-list li {
    font-size: 13px;
    padding: 6px 10px;
  }
  
  .vehicle-type {
    padding: 8px;
  }
  
  .vehicle-type i {
    font-size: 16px;
  }
  
  .vehicle-type span {
    font-size: 12px;
  }
  
  .faq-contact-badge {
    bottom: 10px;
    right: 10px;
    padding: 6px 12px;
  }
  
  .faq-contact-badge i {
    font-size: 16px;
  }
  
  .faq-contact-badge span {
    font-size: 11px;
  }
}

/*--------------------------------------------------------------
# About Benito - Sección específica para Benito Juárez
--------------------------------------------------------------*/
.about-benito {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-benito-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-benito-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-benito {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-benito {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-benito i {
  font-size: 20px;
  color: #000;
}

.image-badge-benito span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-benito-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-benito-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-benito-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-benito-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-benito-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-benito-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-benito-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-benito-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-benito-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-benito-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-benito-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-benito-list li span {
  flex: 1;
}

/* Texto final original */
.about-benito-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-benito-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-benito-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-benito-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-benito-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-benito-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-benito-image-wrapper,
  .about-benito-image {
    min-height: 400px;
  }
  
  .about-benito-content {
    padding: 40px 30px;
  }
  
  .about-benito-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-benito-content {
    padding: 30px 20px;
  }
  
  .about-benito-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-benito-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-benito-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-benito-list li i {
    margin: 0 auto;
  }
  
  .about-benito-cta {
    justify-content: center;
  }
  
  .image-badge-benito {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-benito-content h2 {
    font-size: 26px;
  }
  
  .about-benito-description,
  .about-benito-footer {
    font-size: 14px;
  }
  
  .btn-benito-primary,
  .btn-benito-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Coyoacán - Sección específica para Coyoacán
--------------------------------------------------------------*/
.about-coyoacan {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-coyoacan-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-coyoacan-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-coyoacan {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-coyoacan {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-coyoacan i {
  font-size: 20px;
  color: #000;
}

.image-badge-coyoacan span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-coyoacan-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-coyoacan-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-coyoacan-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-coyoacan-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-coyoacan-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-coyoacan-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-coyoacan-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-coyoacan-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-coyoacan-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-coyoacan-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-coyoacan-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-coyoacan-list li span {
  flex: 1;
}

/* Texto final original */
.about-coyoacan-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-coyoacan-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-coyoacan-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-coyoacan-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-coyoacan-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-coyoacan-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-coyoacan-image-wrapper,
  .about-coyoacan-image {
    min-height: 400px;
  }
  
  .about-coyoacan-content {
    padding: 40px 30px;
  }
  
  .about-coyoacan-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-coyoacan-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-coyoacan-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-coyoacan-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-coyoacan-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-coyoacan-list li i {
    margin: 0 auto;
  }
  
  .about-coyoacan-cta {
    justify-content: center;
  }
  
  .image-badge-coyoacan {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-coyoacan-content h2 {
    font-size: 26px;
  }
  
  .about-coyoacan-description,
  .about-coyoacan-footer {
    font-size: 14px;
  }
  
  .btn-coyoacan-primary,
  .btn-coyoacan-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Coyoacán Different - Sección ¿Qué nos hace diferentes?
--------------------------------------------------------------*/
.about-coyoacan-different {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-coyoacan-different::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Badge de calidad */
.different-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.different-badge i {
  color: #FFCC00;
  font-size: 16px;
  animation: pulse-different 2s infinite;
}

.different-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-different {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.different-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.different-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.different-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(255, 204, 0, 0.2);
  transform: rotate(180deg);
}

.different-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.different-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.different-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.different-item:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.different-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.different-item:hover .different-icon {
  background: #FFCC00;
}

.different-icon i {
  font-size: 24px;
  color: #FFCC00;
  transition: 0.3s;
}

.different-item:hover .different-icon i {
  color: #000;
}

.different-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.different-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.btn-different-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-different-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.btn-different-whatsapp {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-different-whatsapp:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.different-image-wrapper {
  position: relative;
  padding: 20px;
}

.different-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.different-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.different-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes decorativos */
.floating-different-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-different 3s ease-in-out infinite;
}

.floating-different-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.floating-different-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-different-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-different-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-different-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-different {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de calidad */
.different-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
  animation: pulse-seal 2s ease-in-out infinite;
}

.different-seal i {
  font-size: 24px;
  color: #000;
}

.different-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-coyoacan-different {
    padding: 60px 0;
  }
  
  .different-title {
    font-size: 32px;
  }
  
  .different-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-different-badge {
    display: none; /* Ocultar en tablet para no saturar */
  }
  
  .different-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .different-title {
    font-size: 28px;
    text-align: center;
  }
  
  .different-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .different-highlight {
    padding: 20px;
  }
  
  .different-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .different-item:hover {
    transform: translateY(-5px);
  }
  
  .different-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .different-title {
    font-size: 24px;
  }
  
  .different-content p {
    font-size: 14px;
  }
  
  .btn-different-primary,
  .btn-different-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Gustavo - Sección específica para Gustavo A. Madero
--------------------------------------------------------------*/
.about-gustavo {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-gustavo-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-gustavo-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-gustavo {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-gustavo {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-gustavo i {
  font-size: 20px;
  color: #000;
}

.image-badge-gustavo span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-gustavo-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-gustavo-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-gustavo-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-gustavo-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-gustavo-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-gustavo-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-gustavo-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-gustavo-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-gustavo-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-gustavo-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-gustavo-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-gustavo-list li span {
  flex: 1;
}

/* Texto final original */
.about-gustavo-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-gustavo-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-gustavo-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-gustavo-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-gustavo-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-gustavo-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-gustavo-image-wrapper,
  .about-gustavo-image {
    min-height: 400px;
  }
  
  .about-gustavo-content {
    padding: 40px 30px;
  }
  
  .about-gustavo-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-gustavo-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-gustavo-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-gustavo-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-gustavo-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-gustavo-list li i {
    margin: 0 auto;
  }
  
  .about-gustavo-cta {
    justify-content: center;
  }
  
  .image-badge-gustavo {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-gustavo-content h2 {
    font-size: 26px;
  }
  
  .about-gustavo-description,
  .about-gustavo-footer {
    font-size: 14px;
  }
  
  .btn-gustavo-primary,
  .btn-gustavo-whatsapp {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# About Gustavo Operators - Sección de Operadores Expertos
--------------------------------------------------------------*/
.about-gustavo-operators {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-gustavo-operators::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Badge de calidad */
.operators-gustavo-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.operators-gustavo-badge i {
  color: #FFCC00;
  font-size: 16px;
  animation: pulse-gustavo-star 2s infinite;
}

.operators-gustavo-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-gustavo-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.operators-gustavo-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.operators-gustavo-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.operators-gustavo-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(255, 204, 0, 0.2);
  transform: rotate(180deg);
}

.operators-gustavo-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.operators-gustavo-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-gustavo-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-gustavo-item:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.feature-gustavo-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-gustavo-item:hover .feature-gustavo-icon {
  background: #FFCC00;
}

.feature-gustavo-icon i {
  font-size: 24px;
  color: #FFCC00;
  transition: 0.3s;
}

.feature-gustavo-item:hover .feature-gustavo-icon i {
  color: #000;
}

.feature-gustavo-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-gustavo-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.operators-gustavo-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-operators-gustavo-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-operators-gustavo-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.btn-operators-gustavo-whatsapp {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-operators-gustavo-whatsapp:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.operators-gustavo-image-wrapper {
  position: relative;
  padding: 20px;
}

.operators-gustavo-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.operators-gustavo-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.operators-gustavo-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-gustavo-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-gustavo 3s ease-in-out infinite;
}

.floating-gustavo-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.floating-gustavo-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-gustavo-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-gustavo-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-gustavo-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-gustavo {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de certificación */
.certification-gustavo-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
  animation: pulse-gustavo-seal 2s ease-in-out infinite;
}

.certification-gustavo-seal i {
  font-size: 24px;
  color: #000;
}

.certification-gustavo-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-gustavo-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-gustavo-operators {
    padding: 60px 0;
  }
  
  .operators-gustavo-title {
    font-size: 32px;
  }
  
  .operators-gustavo-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-gustavo-badge {
    display: none;
  }
  
  .certification-gustavo-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .operators-gustavo-title {
    font-size: 28px;
    text-align: center;
  }
  
  .operators-gustavo-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .operators-gustavo-highlight {
    padding: 20px;
  }
  
  .feature-gustavo-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-gustavo-item:hover {
    transform: translateY(-5px);
  }
  
  .operators-gustavo-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .operators-gustavo-title {
    font-size: 24px;
  }
  
  .feature-gustavo-content h4 {
    font-size: 16px;
  }
  
  .feature-gustavo-content p {
    font-size: 13px;
  }
  
  .btn-operators-gustavo-primary,
  .btn-operators-gustavo-whatsapp {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# About Iztacalco - Sección específica para Iztacalco
--------------------------------------------------------------*/
.about-iztacalco {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-iztacalco-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-iztacalco-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-iztacalco {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-iztacalco {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-iztacalco i {
  font-size: 20px;
  color: #000;
}

.image-badge-iztacalco span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-iztacalco-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-iztacalco-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-iztacalco-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-iztacalco-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-iztacalco-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-iztacalco-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-iztacalco-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-iztacalco-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-iztacalco-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-iztacalco-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-iztacalco-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-iztacalco-list li span {
  flex: 1;
}

/* Texto final original */
.about-iztacalco-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-iztacalco-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-iztacalco-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-iztacalco-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-iztacalco-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-iztacalco-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-iztacalco-image-wrapper,
  .about-iztacalco-image {
    min-height: 400px;
  }
  
  .about-iztacalco-content {
    padding: 40px 30px;
  }
  
  .about-iztacalco-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-iztacalco-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-iztacalco-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-iztacalco-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-iztacalco-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-iztacalco-list li i {
    margin: 0 auto;
  }
  
  .about-iztacalco-cta {
    justify-content: center;
  }
  
  .image-badge-iztacalco {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-iztacalco-content h2 {
    font-size: 26px;
  }
  
  .about-iztacalco-description,
  .about-iztacalco-footer {
    font-size: 14px;
  }
  
  .btn-iztacalco-primary,
  .btn-iztacalco-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Miguel - Sección específica para Miguel Hidalgo
--------------------------------------------------------------*/
.about-miguel {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-miguel-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-miguel-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-miguel {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-miguel {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-miguel i {
  font-size: 20px;
  color: #000;
}

.image-badge-miguel span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-miguel-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-miguel-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-miguel-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-miguel-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-miguel-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-miguel-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-miguel-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-miguel-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-miguel-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-miguel-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-miguel-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-miguel-list li span {
  flex: 1;
}

/* Texto final original */
.about-miguel-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-miguel-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-miguel-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-miguel-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-miguel-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-miguel-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-miguel-image-wrapper,
  .about-miguel-image {
    min-height: 400px;
  }
  
  .about-miguel-content {
    padding: 40px 30px;
  }
  
  .about-miguel-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-miguel-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-miguel-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-miguel-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-miguel-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-miguel-list li i {
    margin: 0 auto;
  }
  
  .about-miguel-cta {
    justify-content: center;
  }
  
  .image-badge-miguel {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-miguel-content h2 {
    font-size: 26px;
  }
  
  .about-miguel-description,
  .about-miguel-footer {
    font-size: 14px;
  }
  
  .btn-miguel-primary,
  .btn-miguel-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Tlahuac - Sección específica para Tláhuac
--------------------------------------------------------------*/
.about-tlahuac {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-tlahuac-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-tlahuac-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-tlahuac {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-tlahuac {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-tlahuac i {
  font-size: 20px;
  color: #000;
}

.image-badge-tlahuac span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-tlahuac-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-tlahuac-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-tlahuac-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-tlahuac-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-tlahuac-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-tlahuac-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Lista original con iconos mejorados */
.about-tlahuac-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-tlahuac-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.5;
}

.about-tlahuac-list li i {
  color: #FFCC00;
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 2px;
}

.about-tlahuac-list li span {
  flex: 1;
}

/* Texto final original */
.about-tlahuac-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-tlahuac-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-tlahuac-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-tlahuac-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-tlahuac-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-tlahuac-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-tlahuac-image-wrapper,
  .about-tlahuac-image {
    min-height: 400px;
  }
  
  .about-tlahuac-content {
    padding: 40px 30px;
  }
  
  .about-tlahuac-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-tlahuac-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-tlahuac-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-tlahuac-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-tlahuac-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-tlahuac-list li i {
    margin: 0 auto;
  }
  
  .about-tlahuac-cta {
    justify-content: center;
  }
  
  .image-badge-tlahuac {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-tlahuac-content h2 {
    font-size: 26px;
  }
  
  .about-tlahuac-list li {
    font-size: 16px;
  }
  
  .about-tlahuac-footer {
    font-size: 14px;
  }
  
  .btn-tlahuac-primary,
  .btn-tlahuac-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Tlahuac Operators - Sección de Operadores Expertos
--------------------------------------------------------------*/
.about-tlahuac-operators {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-tlahuac-operators::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Badge de calidad */
.operators-tlahuac-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.operators-tlahuac-badge i {
  color: #FFCC00;
  font-size: 16px;
  animation: pulse-tlahuac-star 2s infinite;
}

.operators-tlahuac-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-tlahuac-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.operators-tlahuac-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.operators-tlahuac-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.operators-tlahuac-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(255, 204, 0, 0.2);
  transform: rotate(180deg);
}

.operators-tlahuac-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.operators-tlahuac-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-tlahuac-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-tlahuac-item:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.feature-tlahuac-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-tlahuac-item:hover .feature-tlahuac-icon {
  background: #FFCC00;
}

.feature-tlahuac-icon i {
  font-size: 24px;
  color: #FFCC00;
  transition: 0.3s;
}

.feature-tlahuac-item:hover .feature-tlahuac-icon i {
  color: #000;
}

.feature-tlahuac-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-tlahuac-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.operators-tlahuac-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-operators-tlahuac-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-operators-tlahuac-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.btn-operators-tlahuac-whatsapp {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-operators-tlahuac-whatsapp:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.operators-tlahuac-image-wrapper {
  position: relative;
  padding: 20px;
}

.operators-tlahuac-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.operators-tlahuac-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.operators-tlahuac-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-tlahuac-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-tlahuac 3s ease-in-out infinite;
}

.floating-tlahuac-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.floating-tlahuac-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-tlahuac-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-tlahuac-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-tlahuac-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-tlahuac {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de certificación */
.certification-tlahuac-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
  animation: pulse-tlahuac-seal 2s ease-in-out infinite;
}

.certification-tlahuac-seal i {
  font-size: 24px;
  color: #000;
}

.certification-tlahuac-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-tlahuac-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-tlahuac-operators {
    padding: 60px 0;
  }
  
  .operators-tlahuac-title {
    font-size: 32px;
  }
  
  .operators-tlahuac-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-tlahuac-badge {
    display: none;
  }
  
  .certification-tlahuac-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .operators-tlahuac-title {
    font-size: 28px;
    text-align: center;
  }
  
  .operators-tlahuac-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .operators-tlahuac-highlight {
    padding: 20px;
  }
  
  .feature-tlahuac-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-tlahuac-item:hover {
    transform: translateY(-5px);
  }
  
  .operators-tlahuac-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .operators-tlahuac-title {
    font-size: 24px;
  }
  
  .feature-tlahuac-content h4 {
    font-size: 16px;
  }
  
  .feature-tlahuac-content p {
    font-size: 13px;
  }
  
  .btn-operators-tlahuac-primary,
  .btn-operators-tlahuac-whatsapp {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# About Venustiano - Sección específica para Venustiano Carranza
--------------------------------------------------------------*/
.about-venustiano {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-venustiano-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-venustiano-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-venustiano {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo (opcional, no interfiere) */
.image-badge-venustiano {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(255, 204, 0, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-venustiano i {
  font-size: 20px;
  color: #000;
}

.image-badge-venustiano span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-venustiano-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación (nuevo elemento decorativo) */
.about-venustiano-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-venustiano-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.about-venustiano-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 500;
}

/* Título (respetando el original) */
.about-venustiano-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-venustiano-content h2 strong {
  color: #FFCC00;
  font-weight: 700;
}

/* Párrafos originales */
.about-venustiano-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-venustiano-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #FFCC00;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-venustiano-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-venustiano-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-venustiano-list li i {
  color: #FFCC00;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-venustiano-list li span {
  flex: 1;
}

/* Texto final original */
.about-venustiano-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(255, 204, 0, 0.2);
  padding-top: 20px;
}

/* Botones de acción (nuevos) */
.about-venustiano-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-venustiano-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-venustiano-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 204, 0, 0.3);
}

.btn-venustiano-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-venustiano-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-venustiano-image-wrapper,
  .about-venustiano-image {
    min-height: 400px;
  }
  
  .about-venustiano-content {
    padding: 40px 30px;
  }
  
  .about-venustiano-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-venustiano-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-venustiano-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-venustiano-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-venustiano-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-venustiano-list li i {
    margin: 0 auto;
  }
  
  .about-venustiano-cta {
    justify-content: center;
  }
  
  .image-badge-venustiano {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-venustiano-content h2 {
    font-size: 26px;
  }
  
  .about-venustiano-description,
  .about-venustiano-footer {
    font-size: 14px;
  }
  
  .btn-venustiano-primary,
  .btn-venustiano-whatsapp {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# About Venustiano Operators - Sección de Operadores
--------------------------------------------------------------*/
.about-venustiano-operators {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-venustiano-operators::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #FFCC00, transparent);
}

/* Badge de calidad */
.operators-venustiano-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.operators-venustiano-badge i {
  color: #FFCC00;
  font-size: 16px;
  animation: pulse-venustiano-star 2s infinite;
}

.operators-venustiano-badge span {
  color: #FFCC00;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-venustiano-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.operators-venustiano-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.operators-venustiano-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.operators-venustiano-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(255, 204, 0, 0.2);
  transform: rotate(180deg);
}

.operators-venustiano-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.operators-venustiano-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-venustiano-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 204, 0, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-venustiano-item:hover {
  background: rgba(255, 204, 0, 0.05);
  border-color: #FFCC00;
  transform: translateX(10px);
}

.feature-venustiano-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 204, 0, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-venustiano-item:hover .feature-venustiano-icon {
  background: #FFCC00;
}

.feature-venustiano-icon i {
  font-size: 24px;
  color: #FFCC00;
  transition: 0.3s;
}

.feature-venustiano-item:hover .feature-venustiano-icon i {
  color: #000;
}

.feature-venustiano-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-venustiano-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.operators-venustiano-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-operators-venustiano-primary {
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  color: #000;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-operators-venustiano-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}

.btn-operators-venustiano-whatsapp {
  background: transparent;
  border: 2px solid #FFCC00;
  color: #FFCC00;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-operators-venustiano-whatsapp:hover {
  background: #FFCC00;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.operators-venustiano-image-wrapper {
  position: relative;
  padding: 20px;
}

.operators-venustiano-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.operators-venustiano-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.operators-venustiano-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-venustiano-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 204, 0, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-venustiano 3s ease-in-out infinite;
}

.floating-venustiano-badge i {
  color: #FFCC00;
  font-size: 16px;
}

.floating-venustiano-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-venustiano-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-venustiano-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-venustiano-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-venustiano {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de certificación */
.certification-venustiano-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #FFCC00 0%, #DEB400 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
  animation: pulse-venustiano-seal 2s ease-in-out infinite;
}

.certification-venustiano-seal i {
  font-size: 24px;
  color: #000;
}

.certification-venustiano-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-venustiano-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-venustiano-operators {
    padding: 60px 0;
  }
  
  .operators-venustiano-title {
    font-size: 32px;
  }
  
  .operators-venustiano-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-venustiano-badge {
    display: none;
  }
  
  .certification-venustiano-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .operators-venustiano-title {
    font-size: 28px;
    text-align: center;
  }
  
  .operators-venustiano-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .operators-venustiano-highlight {
    padding: 20px;
  }
  
  .feature-venustiano-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-venustiano-item:hover {
    transform: translateY(-5px);
  }
  
  .operators-venustiano-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .operators-venustiano-title {
    font-size: 24px;
  }
  
  .feature-venustiano-content h4 {
    font-size: 16px;
  }
  
  .feature-venustiano-content p {
    font-size: 13px;
  }
  
  .btn-operators-venustiano-primary,
  .btn-operators-venustiano-whatsapp {
    width: 100%;
    justify-content: center;
  }
}



/*--------------------------------------------------------------
# About Neza - Sección específica para Nezahualcóyotl
--------------------------------------------------------------*/
.about-neza {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-neza-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-neza-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-neza {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo */
.image-badge-neza {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(76, 175, 80, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-neza i {
  font-size: 20px;
  color: #000;
}

.image-badge-neza span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-neza-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación */
.about-neza-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-neza-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.about-neza-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 500;
}

/* Título */
.about-neza-content h3 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-neza-content h3 strong {
  color: #4CAF50;
  font-weight: 700;
}

/* Párrafos originales */
.about-neza-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-neza-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #4CAF50;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-neza-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-neza-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-neza-list li i {
  color: #4CAF50;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-neza-list li span {
  flex: 1;
}

/* Texto final original */
.about-neza-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(76, 175, 80, 0.2);
  padding-top: 20px;
}

/* Botones de acción */
.about-neza-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-neza-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-neza-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(76, 175, 80, 0.3);
}

.btn-neza-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-neza-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-neza-image-wrapper,
  .about-neza-image {
    min-height: 400px;
  }
  
  .about-neza-content {
    padding: 40px 30px;
  }
  
  .about-neza-content h3 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-neza-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-neza-content h3 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-neza-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-neza-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-neza-list li i {
    margin: 0 auto;
  }
  
  .about-neza-cta {
    justify-content: center;
  }
  
  .image-badge-neza {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-neza-content h3 {
    font-size: 26px;
  }
  
  .about-neza-description,
  .about-neza-footer {
    font-size: 14px;
  }
  
  .btn-neza-primary,
  .btn-neza-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Texcoco - Sección específica para Texcoco
--------------------------------------------------------------*/
.about-texcoco {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-texcoco-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-texcoco-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-texcoco {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo */
.image-badge-texcoco {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(76, 175, 80, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-texcoco i {
  font-size: 20px;
  color: #000;
}

.image-badge-texcoco span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-texcoco-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación */
.about-texcoco-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-texcoco-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.about-texcoco-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 500;
}

/* Título */
.about-texcoco-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-texcoco-content h2 strong {
  color: #4CAF50;
  font-weight: 700;
}

/* Párrafos originales */
.about-texcoco-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-texcoco-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #4CAF50;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-texcoco-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-texcoco-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-texcoco-list li i {
  color: #4CAF50;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-texcoco-list li span {
  flex: 1;
}

/* Texto final original */
.about-texcoco-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(76, 175, 80, 0.2);
  padding-top: 20px;
}

/* Botones de acción */
.about-texcoco-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-texcoco-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-texcoco-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(76, 175, 80, 0.3);
}

.btn-texcoco-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-texcoco-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-texcoco-image-wrapper,
  .about-texcoco-image {
    min-height: 400px;
  }
  
  .about-texcoco-content {
    padding: 40px 30px;
  }
  
  .about-texcoco-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-texcoco-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-texcoco-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-texcoco-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-texcoco-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-texcoco-list li i {
    margin: 0 auto;
  }
  
  .about-texcoco-cta {
    justify-content: center;
  }
  
  .image-badge-texcoco {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-texcoco-content h2 {
    font-size: 26px;
  }
  
  .about-texcoco-description,
  .about-texcoco-footer {
    font-size: 14px;
  }
  
  .btn-texcoco-primary,
  .btn-texcoco-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Texcoco Service - Sección de Servicios en Texcoco
--------------------------------------------------------------*/
.about-texcoco-service {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-texcoco-service::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #4CAF50, transparent);
}

/* Badge de calidad */
.service-texcoco-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.service-texcoco-badge i {
  color: #4CAF50;
  font-size: 16px;
  animation: pulse-texcoco-service 2s infinite;
}

.service-texcoco-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-texcoco-service {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.service-texcoco-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.service-texcoco-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(76, 175, 80, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.service-texcoco-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(76, 175, 80, 0.2);
  transform: rotate(180deg);
}

.service-texcoco-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.service-texcoco-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-service-texcoco-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(76, 175, 80, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-service-texcoco-item:hover {
  background: rgba(76, 175, 80, 0.05);
  border-color: #4CAF50;
  transform: translateX(10px);
}

.feature-service-texcoco-icon {
  width: 50px;
  height: 50px;
  background: rgba(76, 175, 80, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-service-texcoco-item:hover .feature-service-texcoco-icon {
  background: #4CAF50;
}

.feature-service-texcoco-icon i {
  font-size: 24px;
  color: #4CAF50;
  transition: 0.3s;
}

.feature-service-texcoco-item:hover .feature-service-texcoco-icon i {
  color: #000;
}

.feature-service-texcoco-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.service-texcoco-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.btn-service-texcoco-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-service-texcoco-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(76, 175, 80, 0.3);
}

.btn-service-texcoco-whatsapp {
  background: transparent;
  border: 2px solid #4CAF50;
  color: #4CAF50;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-service-texcoco-whatsapp:hover {
  background: #4CAF50;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.service-texcoco-image-wrapper {
  position: relative;
  padding: 20px;
}

.service-texcoco-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(76, 175, 80, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.service-texcoco-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.service-texcoco-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-service-texcoco-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-texcoco-service 3s ease-in-out infinite;
}

.floating-service-texcoco-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.floating-service-texcoco-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-service-texcoco-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-service-texcoco-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-service-texcoco-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-texcoco-service {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de certificación */
.service-texcoco-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(76, 175, 80, 0.3);
  animation: pulse-texcoco-seal 2s ease-in-out infinite;
}

.service-texcoco-seal i {
  font-size: 24px;
  color: #000;
}

.service-texcoco-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-texcoco-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-texcoco-service {
    padding: 60px 0;
  }
  
  .service-texcoco-title {
    font-size: 32px;
  }
  
  .service-texcoco-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-service-texcoco-badge {
    display: none;
  }
  
  .service-texcoco-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .service-texcoco-title {
    font-size: 28px;
    text-align: center;
  }
  
  .service-texcoco-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .service-texcoco-highlight {
    padding: 20px;
  }
  
  .feature-service-texcoco-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-service-texcoco-item:hover {
    transform: translateY(-5px);
  }
  
  .service-texcoco-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .service-texcoco-title {
    font-size: 24px;
  }
  
  .feature-service-texcoco-content p {
    font-size: 14px;
  }
  
  .btn-service-texcoco-primary,
  .btn-service-texcoco-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Ecatepec - Sección específica para Ecatepec
--------------------------------------------------------------*/
.about-ecatepec {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-ecatepec-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-ecatepec-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-ecatepec {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo */
.image-badge-ecatepec {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(76, 175, 80, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-ecatepec i {
  font-size: 20px;
  color: #000;
}

.image-badge-ecatepec span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-ecatepec-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación */
.about-ecatepec-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-ecatepec-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.about-ecatepec-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 500;
}

/* Título */
.about-ecatepec-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-ecatepec-content h2 strong {
  color: #4CAF50;
  font-weight: 700;
}

/* Párrafos originales */
.about-ecatepec-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-ecatepec-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #4CAF50;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-ecatepec-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-ecatepec-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-ecatepec-list li i {
  color: #4CAF50;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-ecatepec-list li span {
  flex: 1;
}

/* Texto final original */
.about-ecatepec-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(76, 175, 80, 0.2);
  padding-top: 20px;
}

/* Botones de acción */
.about-ecatepec-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-ecatepec-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-ecatepec-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(76, 175, 80, 0.3);
}

.btn-ecatepec-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-ecatepec-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-ecatepec-image-wrapper,
  .about-ecatepec-image {
    min-height: 400px;
  }
  
  .about-ecatepec-content {
    padding: 40px 30px;
  }
  
  .about-ecatepec-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-ecatepec-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-ecatepec-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-ecatepec-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-ecatepec-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-ecatepec-list li i {
    margin: 0 auto;
  }
  
  .about-ecatepec-cta {
    justify-content: center;
  }
  
  .image-badge-ecatepec {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-ecatepec-content h2 {
    font-size: 26px;
  }
  
  .about-ecatepec-description,
  .about-ecatepec-footer {
    font-size: 14px;
  }
  
  .btn-ecatepec-primary,
  .btn-ecatepec-whatsapp {
    width: 100%;
    justify-content: center;
  }
}


/*--------------------------------------------------------------
# About Ecatepec Operators - Sección de Operadores Expertos
--------------------------------------------------------------*/
.about-ecatepec-operators {
  padding: 80px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

.about-ecatepec-operators::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #4CAF50, transparent);
}

/* Badge de calidad */
.operators-ecatepec-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
}

.operators-ecatepec-badge i {
  color: #4CAF50;
  font-size: 16px;
  animation: pulse-ecatepec-star 2s infinite;
}

.operators-ecatepec-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

@keyframes pulse-ecatepec-star {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); color: #fff; }
}

/* Título */
.operators-ecatepec-title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.3;
}

/* Descripción destacada */
.operators-ecatepec-highlight {
  position: relative;
  padding: 25px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(76, 175, 80, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
}

.operators-ecatepec-highlight i {
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 40px;
  color: rgba(76, 175, 80, 0.2);
  transform: rotate(180deg);
}

.operators-ecatepec-highlight p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Características */
.operators-ecatepec-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}

.feature-ecatepec-item {
  display: flex;
  gap: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(76, 175, 80, 0.1);
  border-radius: 15px;
  transition: all 0.3s;
}

.feature-ecatepec-item:hover {
  background: rgba(76, 175, 80, 0.05);
  border-color: #4CAF50;
  transform: translateX(10px);
}

.feature-ecatepec-icon {
  width: 50px;
  height: 50px;
  background: rgba(76, 175, 80, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: 0.3s;
}

.feature-ecatepec-item:hover .feature-ecatepec-icon {
  background: #4CAF50;
}

.feature-ecatepec-icon i {
  font-size: 24px;
  color: #4CAF50;
  transition: 0.3s;
}

.feature-ecatepec-item:hover .feature-ecatepec-icon i {
  color: #000;
}

.feature-ecatepec-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-ecatepec-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Botones CTA */
.operators-ecatepec-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-operators-ecatepec-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-operators-ecatepec-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(76, 175, 80, 0.3);
}

.btn-operators-ecatepec-whatsapp {
  background: transparent;
  border: 2px solid #4CAF50;
  color: #4CAF50;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
}

.btn-operators-ecatepec-whatsapp:hover {
  background: #4CAF50;
  color: #000;
  transform: translateY(-3px);
}

/* Imagen con efectos */
.operators-ecatepec-image-wrapper {
  position: relative;
  padding: 20px;
}

.operators-ecatepec-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(76, 175, 80, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.operators-ecatepec-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}

.operators-ecatepec-image:hover img {
  transform: scale(1.05);
}

/* Badges flotantes */
.floating-ecatepec-badge {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: float-ecatepec 3s ease-in-out infinite;
}

.floating-ecatepec-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.floating-ecatepec-badge span {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}

.floating-ecatepec-badge.badge-1 {
  top: 5%;
  left: 0;
  animation-delay: 0s;
}

.floating-ecatepec-badge.badge-2 {
  bottom: 20%;
  right: 0;
  animation-delay: 0.5s;
}

.floating-ecatepec-badge.badge-3 {
  top: 30%;
  right: 10%;
  animation-delay: 1s;
}

@keyframes float-ecatepec {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Sello de certificación */
.certification-ecatepec-seal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  border-radius: 15px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(76, 175, 80, 0.3);
  animation: pulse-ecatepec-seal 2s ease-in-out infinite;
}

.certification-ecatepec-seal i {
  font-size: 24px;
  color: #000;
}

.certification-ecatepec-seal span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@keyframes pulse-ecatepec-seal {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* Responsive */
@media (max-width: 991px) {
  .about-ecatepec-operators {
    padding: 60px 0;
  }
  
  .operators-ecatepec-title {
    font-size: 32px;
  }
  
  .operators-ecatepec-image-wrapper {
    margin-bottom: 40px;
  }
  
  .floating-ecatepec-badge {
    display: none;
  }
  
  .certification-ecatepec-seal {
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
  }
}

@media (max-width: 768px) {
  .operators-ecatepec-title {
    font-size: 28px;
    text-align: center;
  }
  
  .operators-ecatepec-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .operators-ecatepec-highlight {
    padding: 20px;
  }
  
  .feature-ecatepec-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  
  .feature-ecatepec-item:hover {
    transform: translateY(-5px);
  }
  
  .operators-ecatepec-cta {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .operators-ecatepec-title {
    font-size: 24px;
  }
  
  .feature-ecatepec-content h4 {
    font-size: 16px;
  }
  
  .feature-ecatepec-content p {
    font-size: 13px;
  }
  
  .btn-operators-ecatepec-primary,
  .btn-operators-ecatepec-whatsapp {
    width: 100%;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
# About Coacalco - Sección específica para Coacalco
--------------------------------------------------------------*/
.about-coacalco {
  padding: 0;
  background: #000;
  position: relative;
  overflow: hidden;
}

/* Columna izquierda - Imagen original */
.about-coacalco-image-wrapper {
  height: 100%;
  min-height: 600px;
}

.about-coacalco-image {
  position: relative;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay-coacalco {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}

/* Badge decorativo */
.image-badge-coacalco {
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(76, 175, 80, 0.95);
  padding: 12px 20px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 3;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.image-badge-coacalco i {
  font-size: 20px;
  color: #000;
}

.image-badge-coacalco span {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* Columna derecha - Contenido */
.about-coacalco-content {
  padding: 60px 50px;
  background: #000;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Badge de ubicación */
.about-coacalco-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 50px;
  padding: 8px 18px;
  margin-bottom: 20px;
  width: fit-content;
}

.about-coacalco-badge i {
  color: #4CAF50;
  font-size: 16px;
}

.about-coacalco-badge span {
  color: #4CAF50;
  font-size: 14px;
  font-weight: 500;
}

/* Título */
.about-coacalco-content h2 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  line-height: 1.2;
}

.about-coacalco-content h2 strong {
  color: #4CAF50;
  font-weight: 700;
}

/* Párrafos originales */
.about-coacalco-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.about-coacalco-description.bi-pluma {
  font-style: italic;
  border-left: 3px solid #4CAF50;
  padding-left: 20px;
}

/* Lista original con iconos mejorados */
.about-coacalco-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 25px;
}

.about-coacalco-list li {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.6;
}

.about-coacalco-list li i {
  color: #4CAF50;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.about-coacalco-list li span {
  flex: 1;
}

/* Texto final original */
.about-coacalco-footer {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 30px;
  font-style: italic;
  border-top: 1px solid rgba(76, 175, 80, 0.2);
  padding-top: 20px;
}

/* Botones de acción */
.about-coacalco-cta {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-coacalco-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-coacalco-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(76, 175, 80, 0.3);
}

.btn-coacalco-whatsapp {
  background: #25D366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: none;
}

.btn-coacalco-whatsapp:hover {
  background: #20b857;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
}

/* Responsive */
@media (max-width: 991px) {
  .about-coacalco-image-wrapper,
  .about-coacalco-image {
    min-height: 400px;
  }
  
  .about-coacalco-content {
    padding: 40px 30px;
  }
  
  .about-coacalco-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .about-coacalco-content {
    padding: 30px 20px;
    text-align: center;
  }
  
  .about-coacalco-content h2 {
    font-size: 30px;
    text-align: center;
  }
  
  .about-coacalco-badge {
    margin-left: auto;
    margin-right: auto;
  }
  
  .about-coacalco-list li {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .about-coacalco-list li i {
    margin: 0 auto;
  }
  
  .about-coacalco-cta {
    justify-content: center;
  }
  
  .image-badge-coacalco {
    top: 15px;
    right: 15px;
    padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .about-coacalco-content h2 {
    font-size: 26px;
  }
  
  .about-coacalco-description,
  .about-coacalco-footer {
    font-size: 14px;
  }
  
  .btn-coacalco-primary,
  .btn-coacalco-whatsapp {
    width: 100%;
    justify-content: center;
  }
}