.elementor-3197 .elementor-element.elementor-element-739a98e{--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-3197 .elementor-element.elementor-element-4487c91{--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;}/* Start custom CSS for html, class: .elementor-element-0b609d3 */.layout {
  display: flex;
  font-family: Arial, sans-serif;
}

/* SIDEBAR */
.sidebar {
  width: 250px;
  background: #f4f4f4;
  padding: 20px;
  position: sticky;
  top: 0;
  height: 100vh;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar a {
  text-decoration: none;
  display: block;
  padding: 8px;
  color: #333;
}

/* CONTENT */
.content {
  padding: 40px;
  max-width: 900px;
}

/* HERO */
.hero {
  text-align: center;
  margin-bottom: 40px;
}

.hero h1 {
  font-size: 42px;
}

/* INTRO */
.intro {
  background: #eaeaea;
  padding: 20px;
  border-left: 5px solid #485a6e;
  margin-bottom: 30px;
  font-size: 18px;
}

/* COLUMNS */
.columns {
  display: flex;
  gap: 20px;
}

/* ALERT */
.alert {
  background: #485a6e;
  color: white;
  padding: 20px;
  margin-top: 30px;
}

/* QUOTES */
blockquote {
  background: #ddd;
  padding: 15px;
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acff8e4 */.jesus-section {
  padding: 100px 20px;
  background: #f8f9fb;
  font-family: "Georgia", serif;
}

/* CONTENEDOR */
.jesus-section .container {
  max-width: 850px;
  margin: 0 auto;
}

/* TÍTULO */
.titulo-seccion {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
  color: #1c2b36;
  font-weight: 600;
}

/* CITA */
.cita {
  font-size: 22px;
  text-align: center;
  font-style: italic;
  color: #485a6e;
  margin-bottom: 50px;
  position: relative;
}

.cita::before {
  content: "“";
  font-size: 60px;
  position: absolute;
  left: -10px;
  top: -20px;
  color: #d0d6dc;
}

/* CONTENIDO */
.contenido p {
  font-size: 18px;
  line-height: 1.8;
  color: #222;
  margin-bottom: 20px;
}

/* PRIMER PÁRRAFO (gris suave) */
.contenido .intro {
  color: #6c757d;
}

/* SUBTÍTULOS */
.contenido h3 {
  margin-top: 50px;
  margin-bottom: 15px;
  font-size: 22px;
  color: #485a6e;
  border-left: 4px solid #485a6e;
  padding-left: 10px;
}

/* TEXTO DESTACADO */
.destacado {
  font-style: italic;
  font-size: 20px;
  background: #eef3f7;
  padding: 15px;
  border-left: 4px solid #485a6e;
}/* End custom CSS */