.elementor-312 .elementor-element.elementor-element-490067a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-b82accb *//* ============ MANEIRO SEGURIDAD (NAMESPACE .seguridad-*) ============ */

/* Paleta + tipografía base */
.seguridad-page {
  --seg-azul-principal: #01224b;
  --seg-azul-holder:   #003878;
  --seg-azul-activo:   #013064;
  --seg-gris-fondo:    #f1f1f1;
  --seg-gris-texto:    #4b5563;
  --seg-gris-meta:     #6b7280;
  --seg-radius:        17px;
  --seg-shadow:        0 6px 18px rgba(0,0,0,0.11),
                       0 0 0 1px rgba(0,0,0,0.05);

  font-family: "Roboto", system-ui, sans-serif;
  color: var(--seg-gris-texto);
  background-color: #ffffff;
}

/* ==================== SECCIONES GENERALES ==================== */

.seguridad-section {
  max-width: 1300px;
  margin: 0 auto;
  padding: 3rem 1.5rem 3.75rem;
  box-sizing: border-box;
}

.seguridad-section + .seguridad-section {
  margin-top: 1.75rem;
}

/* Encabezados de sección */

.seguridad-section-header {
  max-width: 740px;
  margin: 0 auto 2.4rem auto;
  text-align: center;
}

.seguridad-section-title {
  font-size: 2.25rem;
  color: var(--seg-azul-principal);
  margin: 0 0 0.5rem;
}

.seguridad-section-text {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0;
  color: var(--seg-gris-texto);
}

/* ==================== TARJETAS BASE ==================== */

.seguridad-card {
  background: var(--seg-gris-fondo);
  border-radius: var(--seg-radius);
  box-shadow: var(--seg-shadow);
  padding: 1.6rem 1.8rem 1.6rem;
  box-sizing: border-box;
}

.seguridad-card-hero {
  height: 100%;
}

.seguridad-card-title {
  font-size: 1.3rem;
  color: var(--seg-azul-principal);
  margin: 0 0 0.55rem;
}

.seguridad-card-text {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0 0 0.9rem;
}

.seguridad-card-meta {
  font-size: 0.8125rem;
  color: var(--seg-gris-meta);
  margin: 0;
}

.seguridad-card-actions {
  margin-top: 1rem;
}

/* Listas internas */

.seguridad-list {
  list-style: disc;
  padding-left: 1.2rem;
  margin: 0 0 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.7;
}

.seguridad-list li {
  margin-bottom: 0.35rem;
}

/* Hover general de tarjetas */

.seguridad-card:hover {
  box-shadow: 0 10px 22px rgba(0,0,0,0.16),
              0 0 0 1px rgba(0,0,0,0.06);
}

/* ==================== BOTONES ==================== */

.seguridad-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.55rem;      /* padding ajustado */
  border-radius: 8px;           /* nuevo radio */
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.2s ease;
}

/* PRIMARIO */
.seguridad-btn-primary,
.seguridad-btn-primary:link,
.seguridad-btn-primary:visited {
  background: var(--seg-azul-holder);
  color: #ffffff; /* texto siempre blanco */
  box-shadow: 0 6px 18px rgba(0,0,0,0.21);
}

.seguridad-btn-primary:hover,
.seguridad-btn-primary:active {
  background: var(--seg-azul-activo);
  color: #ffffff; /* no cambia a azul */
  transform: translateY(-1px);
}

/* SECUNDARIO (tipo ghost) */
.seguridad-btn-ghost,
.seguridad-btn-ghost:link,
.seguridad-btn-ghost:visited {
  background: #ffffff;
  color: var(--seg-azul-principal);
  border: 1px solid var(--seg-azul-principal);
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}

.seguridad-btn-ghost:hover,
.seguridad-btn-ghost:active {
  background: var(--seg-gris-fondo);
  color: var(--seg-azul-activo);
  border-color: var(--seg-azul-activo);
}

/* LINK (texto plano) */
.seguridad-btn-link,
.seguridad-btn-link:link,
.seguridad-btn-link:visited {
  padding: 0;
  background: transparent;
  border: none;
  color: var(--seg-azul-principal);
  box-shadow: none;
}

.seguridad-btn-link:hover,
.seguridad-btn-link:active {
  color: var(--seg-azul-activo);
  background: transparent;
  box-shadow: none;
}

/* ==================== HERO ==================== */

.seguridad-hero {
  padding-top: 3.2rem;
  padding-bottom: 3.8rem;
}

.seguridad-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 3rem;
  align-items: center;
  background: #ffffff;
  border-radius: var(--seg-radius);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
  padding: 2.4rem 2.6rem;
}

.seguridad-hero-text {
  max-width: 560px;
}

.seguridad-hero-title {
  font-size: 2.25rem;
  line-height: 1.2;
  color: var(--seg-azul-principal);
  margin: 0 0 1rem;
}

.seguridad-hero-subtitle {
  font-size: 0.98rem;
  line-height: 1.7;
  margin: 0 0 1.6rem;
}

.seguridad-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

/* (Opcional) estilos de chips */

.seguridad-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.seguridad-chip {
  background: var(--seg-gris-fondo);
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.84rem;
}

.seguridad-chip-label {
  font-weight: 600;
  color: var(--seg-azul-principal);
}

.seguridad-chip-value {
  color: var(--seg-azul-holder);
  text-decoration: none;
}

.seguridad-chip-value:hover {
  color: var(--seg-azul-activo);
}

.seguridad-hero-media {
  position: relative;
}

/* Imagen del hero – menos opaca */
.seguridad-hero-image {
  width: 100%;
  min-height: 260px;
  border-radius: var(--seg-radius);
  background-image:
    linear-gradient(
      135deg,
      rgba(1, 34, 75, 0.15),
      rgba(0, 177, 87, 0.10)
    ),
    url("http://alcaldiademaneiro.com/wp-content/uploads/2025/12/poli-maneiro.jpg");
  background-size: cover;
  background-position: center;
}

/* ==================== GRIDS GENERALES ==================== */

.seguridad-sistema-grid,
.seguridad-instituciones-grid,
.seguridad-servicios-grid,
.seguridad-plan-grid,
.seguridad-recomendaciones-grid,
.seguridad-contactos-grid {
  display: grid;
  gap: 2rem;
}

/* Columnas por defecto (desktop) */

.seguridad-sistema-grid,
.seguridad-instituciones-grid,
.seguridad-plan-grid,
.seguridad-recomendaciones-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.seguridad-servicios-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.seguridad-contactos-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* ==================== NOTICIAS PLACEHOLDER ==================== */

.seguridad-noticias-placeholder {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 2rem 1.5rem;
  border-radius: var(--seg-radius);
  background: #ffffff;
  border: 1px dashed rgba(0,0,0,0.12);
}

.seguridad-noticias-text {
  margin: 0;
  font-size: 0.9rem;
  color: var(--seg-gris-meta);
}

/* ==================== CONTACTOS (CORREGIDO) ==================== */

.seguridad-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.7;
  text-align: center;
}

.seguridad-contact-list li {
  margin-bottom: 0.4rem;
}

.seguridad-contact-list span {
  font-weight: 600;
  color: var(--seg-azul-holder);
}

/* Estilos específicos para la Grid de Contactos */
.seguridad-contactos-grid .seguridad-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 220px;
}

.seguridad-contactos-grid .seguridad-card-title {
  height: 3.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}

/* ==================== LOGOS EN TARJETAS DE INSTITUCIONES ==================== */

.seguridad-instituciones .seguridad-card-hero {
  display: flex;
  flex-direction: column;
}

.seguridad-instituciones-logo {
  flex: 0 0 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.4rem;
}

.seguridad-instituciones-logo img {
  max-width: 12000px;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.seguridad-instituciones .seguridad-card-actions {
  margin-top: auto;
}

/* ==================== SECCIÓN: EXTORSIÓN ==================== */

.seguridad-extorsion-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  align-items: stretch;
}

.seguridad-extorsion-card {
  display: flex;
  flex-direction: column;
}

.seguridad-extorsion-card .seguridad-card-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  height: 6rem;
  margin: 0 0 0.8rem;
}

.seguridad-extorsion-card .seguridad-extorsion-subtitle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--seg-gris-meta);
  margin-top: 0.2rem;
  font-weight: 500;
}

.seguridad-extorsion-card .seguridad-list {
  margin-top: 0;
}

.seguridad-extorsion-card .seguridad-list li {
  margin-bottom: 0.45rem;
}

.seguridad-extorsion-datos {
  margin-top: 2.5rem;
  border-left: 4px solid var(--seg-azul-holder);
}

/* ==================== ANIMACIÓN (SUAVE / OPCIONAL) ==================== */

.seguridad-reveal {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.seguridad-reveal:hover {
  transform: translateY(-2px);
}

/* ==================== RESPONSIVE ==================== */

@media (max-width: 1024px) {
  .seguridad-hero-inner {
    grid-template-columns: 1fr;
  }

  .seguridad-sistema-grid,
  .seguridad-instituciones-grid,
  .seguridad-servicios-grid,
  .seguridad-plan-grid,
  .seguridad-recomendaciones-grid,
  .seguridad-contactos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seguridad-extorsion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .seguridad-section {
    padding: 2.6rem 1rem 3rem;
  }

  .seguridad-section-title {
    font-size: 1.9rem;
  }

  .seguridad-hero-inner {
    padding: 1.7rem 1.5rem;
  }

  .seguridad-sistema-grid,
  .seguridad-instituciones-grid,
  .seguridad-servicios-grid,
  .seguridad-plan-grid,
  .seguridad-recomendaciones-grid,
  .seguridad-contactos-grid,
  .seguridad-extorsion-grid {
    grid-template-columns: 1fr;
  }

  .seguridad-card {
    margin-bottom: 0.8rem;
  }

  .seguridad-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .seguridad-instituciones-logo {
    flex-basis: 120px;
  }

  .seguridad-instituciones-logo img {
    max-width: 200px;
    max-height: 200px;
  }
}/* End custom CSS */