.elementor-402 .elementor-element.elementor-element-1facc1e{--display:flex;--min-height:306px;--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-1facc1e:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-1facc1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xiiicongreso.conservacionvegetal.org/wp-content/uploads/2026/01/sofia-olmedo-EQQrSbbBJ4M-unsplash.webp");background-position:top center;}.elementor-402 .elementor-element.elementor-element-1facc1e > .elementor-shape-top .elementor-shape-fill, .elementor-402 .elementor-element.elementor-element-1facc1e > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#474B45;}.elementor-402 .elementor-element.elementor-element-1facc1e > .elementor-shape-top svg, .elementor-402 .elementor-element.elementor-element-1facc1e > .e-con-inner > .elementor-shape-top svg{height:52px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-402 .elementor-element.elementor-element-dfc8a12{text-align:center;}.elementor-402 .elementor-element.elementor-element-dfc8a12 .elementor-heading-title{font-family:"Sofia Sans Condensed", Sans-serif;font-size:60px;font-weight:600;text-shadow:10px 13px 12px rgba(0, 0, 0, 0.74);color:#FFFFFF;}.elementor-402 .elementor-element.elementor-element-826239e{--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-402 .elementor-element.elementor-element-3b36664{font-family:"Sofia Sans Condensed", Sans-serif;font-size:30px;font-weight:600;line-height:32px;color:#AF0808;}.elementor-402 .elementor-element.elementor-element-b2b5124{font-family:"Sarabun", Sans-serif;font-weight:400;color:#000000;}.elementor-402 .elementor-element.elementor-element-da6001b.elementor-element{--align-self:center;}.elementor-402 .elementor-element.elementor-element-da6001b{font-family:"Sarabun", Sans-serif;font-weight:400;color:#000000;}.elementor-402 .elementor-element.elementor-element-1d22261{--display:flex;--min-height:285px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-1d22261:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xiiicongreso.conservacionvegetal.org/wp-content/uploads/2026/04/miguel-angel-sanz-8_eFp7BmBfQ-unsplash.webp");background-position:center center;background-repeat:repeat-y;background-size:contain;}.elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-shape-top .elementor-shape-fill, .elementor-402 .elementor-element.elementor-element-1d22261 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-shape-top svg, .elementor-402 .elementor-element.elementor-element-1d22261 > .e-con-inner > .elementor-shape-top svg{height:113px;}.elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-shape-bottom .elementor-shape-fill, .elementor-402 .elementor-element.elementor-element-1d22261 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-shape-bottom svg, .elementor-402 .elementor-element.elementor-element-1d22261 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:159px;}.elementor-402 .elementor-element.elementor-element-b2c3854{--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-402 .elementor-element.elementor-element-238cbc3{font-family:"Sofia Sans Condensed", Sans-serif;font-size:30px;font-weight:600;line-height:32px;color:#AF0808;}.elementor-402 .elementor-element.elementor-element-5399f98{font-family:"Sarabun", Sans-serif;font-weight:400;color:#000000;}.elementor-402 .elementor-element.elementor-element-4a9b51f.elementor-element{--align-self:center;}.elementor-402 .elementor-element.elementor-element-4a9b51f{font-family:"Sarabun", Sans-serif;font-weight:400;color:#000000;}.elementor-402 .elementor-element.elementor-element-3919c8e{--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;}@media(min-width:1025px){.elementor-402 .elementor-element.elementor-element-1d22261:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-1d22261 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS */.sesion {margin-bottom:80px}
.sesion p {text-align:justify}



/* =========================
   CAJA SESIÓN
   ========================= */

.sesion {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbf5 100%);
  border: 1px solid rgba(99, 133, 88, 0.18);
  border-radius: 28px;
  padding: 80px 180px 40px 180px;
  box-shadow:
    0 12px 30px rgba(53, 76, 48, 0.08),
    0 3px 10px rgba(53, 76, 48, 0.04);
  transition:
    transform 1.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
    max-width:95% !important;
    margin:50px auto;
    width:1100px;

}

.sesion:hover {
  transform: translateY(-4px);
  box-shadow:
    0 18px 40px rgba(53, 76, 48, 0.12),
    0 6px 14px rgba(53, 76, 48, 0.07);
  border-color: rgba(99, 133, 88, 0.35);
}

.sesion::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 140px;
  height: 6px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #af0808 0%, #af0808 45%, #d9e8d2 100%);
}

.sesion::after {
  content: "❋";
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 48px;
  line-height: 1;
  color: rgba(126, 166, 111, 0.10);
  transform: rotate(-18deg);
  pointer-events: none;
}

/* =========================
   CONTENIDO PLEGABLE
   ========================= */

.sesion-contenido {
  position: relative;
  overflow: hidden;
  max-height: 15.5em;
  opacity: 0.96;
  transform: translateY(0);
  will-change: max-height, opacity, transform;
  transition:
    max-height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1),
    opacity 0.35s ease,
    transform 0.35s ease;
}

/* estado abierta */
.sesion.abierta .sesion-contenido {
  opacity: 1;
  transform: translateY(0);
}

/* estado cerrada */
.sesion:not(.abierta) .sesion-contenido {
  opacity: 0.98;
  transform: translateY(-2px);
}

/* degradado al final cuando está cerrada */
.sesion:not(.abierta) .sesion-contenido::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 95px;
  background: linear-gradient(
    to bottom,
    rgba(246, 251, 245, 0) 0%,
    rgba(246, 251, 245, 0.88) 60%,
    rgba(246, 251, 245, 1) 100%
  );
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.sesion.abierta .sesion-contenido::after {
  opacity: 0;
}

/* =========================
   TOGGLE
   ========================= */

.sesion-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 16px;
  background: rgba(126, 166, 111, 0.10);
  color: #4f7a42;
  border: 1px solid rgba(99, 133, 88, 0.22);
  border-radius: 999px;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
  width: fit-content;
  position: relative;
  z-index: 5;
}

.sesion-toggle:hover {
  background: rgba(126, 166, 111, 0.18);
  border-color: rgba(99, 133, 88, 0.35);
  color: #2f5e27;
  transform: translateY(-1px);
}

.sesion-toggle::after {
  content: "▾";
  font-size: 0.9em;
  transition: transform 0.35s ease;
}

.sesion.abierta .sesion-toggle::after {
  transform: rotate(180deg);
}

.sesion-toggle p,
.sesion-toggle a,
.sesion-toggle span,
.sesion-toggle .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

.sesion-toggle a {
  pointer-events: none;
}

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

@media (max-width: 768px) {
  .sesion {
  padding: 60px 40px 30px 40px;
    border-radius: 22px;
  }

  .sesion-contenido {
    max-height: 14.5em;
  }

  .sesion-toggle {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .sesion {
    padding: 20px 16px 18px;
    border-radius: 18px;
  }
}/* End custom CSS */