.elementor-1926 .elementor-element.elementor-element-4f01118{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1926 .elementor-element.elementor-element-675d5f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1926 .elementor-element.elementor-element-83110a2{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1926 .elementor-element.elementor-element-e1d4c3a{--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;}.elementor-1926 .elementor-element.elementor-element-312a9b0{--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;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-ecbb13e *//* SECCION GENERAL */
.seccion-general {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
  padding: 80px 20px;
}

.container {
  max-width: 1100px;
  margin: auto;
}

/* TITULOS */
.titulo {
  font-size: 32px;
  font-weight: 700;
  color: #245183;
  text-align: center;
}

.subtitulo {
  font-size: 22px;
  font-weight: 600;
  color: #245183;
  margin-top: 50px;
}

.linea {
  width: 60px;
  height: 3px;
  background: #1FC8BE;
  margin: 15px auto 30px;
}

/* TEXTOS GENERALES */
.texto {
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

/* SECCION SARLAFT */
.sarlaft-box {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: #ffffff !important;
}

/* TEXTOS SARLAFT */
.texto-institucional {
  color: #666;
  line-height: 1.8;
  margin-bottom: 18px;
  text-align: justify;
  background: transparent !important;
}

/* TEXTO DESTACADO */
.texto-institucional.highlighted {
  background: #f8fbfb !important;
  border-left: 4px solid #1FC8BE;
  padding: 15px 20px;
  border-radius: 8px;
  font-weight: 500;
}

/* EVITAR FONDOS DEL TEMA */
.sarlaft-box,
.sarlaft-box p,
.sarlaft-box strong {
  background-image: none !important;
  box-shadow: none !important;
}

/* CARD */
.card {
  background: #ffffff;
  border-radius: 16px;
  padding: 25px;
  border: 1px solid #eef2f5;
  transition: 0.3s;
}

.card.destacada {
  border-left: 5px solid #1FC8BE;
}

.card.suave {
  background: #f8fbfb;
}

/* BOTON */
.boton {
  display: inline-block;
  margin-top: 15px;
  background: #1FC8BE !important;
  color: #fff !important;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none !important;
  transition: 0.3s;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* FORZAR ESTADOS DEL BOTON */
.boton:hover,
.boton:focus,
.boton:active,
.boton:visited {
  background: #17a89f !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  background-image: none !important;
}

/* GRID */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
}

/* IMAGEN */
.img-box {
  border-radius: 20px;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/* LISTAS */
.lista {
  padding-left: 20px;
}

.lista li {
  margin-bottom: 8px;
}

/* ACORDEON */
.acordeon-btn {
  width: 100%;
  padding: 15px;
  background: #f8fbfb !important;
  color: #245183 !important;
  border: none !important;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: none !important;
  outline: none !important;
}

/* FORZAR ESTADOS ACORDEON */
.acordeon-btn:hover,
.acordeon-btn:focus,
.acordeon-btn:active {
  background: #1FC8BE !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

.acordeon-content {
  display: none;
  padding: 20px;
  border: 1px solid #eef2f5;
  border-radius: 10px;
  margin-top: 10px;
  background: #ffffff;
}

/* RESPONSIVE */
@media(max-width:768px){
  .grid-2 {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c131395 */<style>
/* CONTENEDOR */
.seccion-general {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
  padding: 80px 20px;
}

.container {
  max-width: 1100px;
  margin: auto;
  text-align: center;
}

/* TITULOS */
.titulo {
  font-size: 32px;
  font-weight: 700;
  color: #245183;
}

.linea {
  width: 60px;
  height: 3px;
  background: #1FC8BE;
  margin: 15px auto 30px;
}

/* TEXTO */
.texto {
  color: #555;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* CARD DOCUMENTO */
.card-doc {
  background: #ffffff;
  border: 1px solid #eef2f5;
  border-radius: 16px;
  padding: 30px;
  max-width: 500px;
  margin: 0 auto 50px;
  transition: 0.3s;
}

.card-doc:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* ICONO */
.icono {
  font-size: 45px;
  margin-bottom: 10px;
  color: #1FC8BE;
}

/* TITULO CARD */
.titulo-card {
  font-weight: 600;
  color: #245183;
  margin-bottom: 15px;
}

/* BOTON */
.boton {
  display: inline-block;
  background: #1FC8BE;
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s;
}

.boton:hover {
  background: #17a89f;
}

/* CONTACTO BOX */
.contacto-box {
  background: #f8fbfb;
  border-radius: 16px;
  padding: 30px;
  max-width: 600px;
  margin: auto;
}

/* PERSONA */
.persona {
  margin-top: 20px;
}

.persona .icono {
  font-size: 30px;
}

.nombre {
  font-weight: bold;
  color: #245183;
  font-size: 18px;
  margin: 5px 0;
}

.cargo {
  color: #1FC8BE;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* EMAIL */
.email-box {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.email-label {
  font-size: 14px;
  color: #555;
}

.email-link {
  display: inline-block;
  margin-top: 5px;
  font-weight: bold;
  color: #245183;
  text-decoration: none;
}

/* RESPONSIVE */
@media(max-width:768px){
  .titulo {
    font-size: 26px;
  }
}
</style>

<div class="seccion-general">
  <div class="container">

    <h2 class="titulo">Documentos y contacto de interés</h2>
    <div class="linea"></div>

    <p class="texto">
      En esta sección podrás consultar la información relacionada con el Sistema SARLAFT,
      así como los canales de contacto para reportes o consultas.
    </p>

    <!-- CARD DOCUMENTO -->
    <div class="card-doc">
      <div class="icono">📄</div>
      <div class="titulo-card">Certificación SARLAFT Vigente</div>
      <a href="#" class="boton" target="_blank">
        Descargar certificación SARLAFT (PDF)
      </a>
    </div>

    <!-- CONTACTO -->
    <div class="contacto-box">

      <h3 class="titulo" style="font-size:20px;">Información de Contacto</h3>

      <p class="texto">
        Para consultas o reportes relacionados con SARLAFT:
      </p>

      <div class="persona">
        <div class="icono">👤</div>
        <div class="nombre">Dana Cristina Torres Meneses</div>
        <div class="cargo">Oficial de Cumplimiento</div>

        <div class="email-box">
          <div class="email-label">Correo electrónico:</div>
          <a href="mailto:oficialcumplimiento@clinicanuestra.com" class="email-link">
            oficialcumplimiento@clinicanuestra.com
          </a>
        </div>
      </div>

    </div>

  </div>
</div>/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0080f20 */<style>
/* BASE */
.seccion-general {
  font-family: 'Poppins', sans-serif;
  background: #fff;
  padding: 80px 20px;
}

.container {
  max-width: 900px;
  margin: auto;
  text-align: center;
}

/* TITULOS */
.titulo {
  font-size: 30px;
  font-weight: 700;
  color: #245183;
}

.linea {
  width: 60px;
  height: 3px;
  background: #1FC8BE;
  margin: 15px auto 30px;
}

.texto {
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

/* BOTON */
.boton {
  background: #1FC8BE;
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}

/* ACORDEON */
.acordeon-btn {
  width: 100%;
  padding: 15px;
  background: #f8fbfb;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}

.acordeon-content {
  display: none;
  padding: 20px;
  text-align: left;
}

/* FORM */
.form-wizard {
  display: none;
  margin-top: 30px;
}

.wizard-step {
  display: none;
  text-align: left;
}

.wizard-step.active {
  display: block;
}

/* INPUTS */
.input {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* GRID */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* BOTONES */
.wizard-buttons {
  margin-top: 20px;
}

.btn-sec {
  background: #ddd;
  padding: 10px 15px;
  border: none;
}

.btn-pri {
  background: #1FC8BE;
  color: #fff;
  padding: 10px 15px;
  border: none;
}

/* PROGRESS */
.progress {
  height: 6px;
  background: #eee;
  margin: 10px 0;
}

.fill {
  height: 6px;
  background: #1FC8BE;
  width: 25%;
}

/* SUCCESS */
.success {
  display: none;
  padding: 30px;
  border: 1px solid #1FC8BE;
  border-radius: 12px;
}
</style>/* End custom CSS */