.elementor-30693 .elementor-element.elementor-element-7f11be06 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #101212 5%, #02070396 78%);opacity:0.81;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30693 .elementor-element.elementor-element-7f11be06 > .elementor-container{min-height:500px;}.elementor-30693 .elementor-element.elementor-element-7f11be06 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-30693 .elementor-element.elementor-element-7f11be06{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:060px;}.elementor-bc-flex-widget .elementor-30693 .elementor-element.elementor-element-39701123.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-30693 .elementor-element.elementor-element-39701123.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-30693 .elementor-element.elementor-element-39701123.elementor-column > .elementor-widget-wrap{justify-content:center;}.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-30693 .elementor-element.elementor-element-699debcd{text-align:center;}.elementor-30693 .elementor-element.elementor-element-699debcd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:4.5rem;font-weight:900;text-shadow:-6px -4px 9px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-30693 .elementor-element.elementor-element-20617171{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-30693 .elementor-element.elementor-element-2568c541{--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-30693 .elementor-element.elementor-element-153c398{--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;}body.elementor-page-30693:not(.elementor-motion-effects-element-type-background), body.elementor-page-30693 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30693 .elementor-element.elementor-element-20617171{--content-width:1600px;}.elementor-30693 .elementor-element.elementor-element-2568c541{--width:33.3333%;}.elementor-30693 .elementor-element.elementor-element-153c398{--width:66.6666%;}}/* Start custom CSS for heading, class: .elementor-element-699debcd */.titulo_head h1{
    color: white !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18e1070e */.container {
  margin:  20px;
  border: 1px solid #808080; 
  border-radius: 10px;  
  padding: 20px;


}

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

.category-item {

transition: 0.2s;

  border-radius: 8px;
  border: 1px solid #d1d1d1;
}

.category-item img {

  border-radius: 5px;
}
.category-item:hover {
  transform: scale(1.05);
  background-color: #a1bff7;
}

.title{
    color: #000;
    font-size: 30px;
}

.sub_title{
    color: #000;
    font-size: 17px;
     transition: 0.2s;
}

.sub_title:hover{
     transform: translatex(10px);
     transition: 0.2s;
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5970185 */.container_2 {
  margin:  0px 20px 20px 20px;
  border: 1px solid #808080; 
  border-radius: 10px;  
  padding: 20px 20px 30px 20px;


}

/* Quitar fondo, borde y sombra del wrapper */
.custom-post-wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Evitar sombra en hover */
.custom-post-wrapper:hover{
  box-shadow: none !important;
}
/* ====== Cards de posts ====== */
.custom-posts-container{
  display: grid;
  gap: 28px;               /* separación entre cards */
}

/* card */
.custom-post-wrapper{
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
  overflow: hidden;        /* redondeo también para la imagen */
}

/* layout interno: imagen izquierda (fija) + contenido */
.custom-post-item{
  display: grid;
  grid-template-columns: 300px 1fr;   /* misma anchura que tus imágenes medium */
  gap: 22px;
  align-items: start;
  padding: 18px;
}

/* imagen */
.custom-post-image img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

/* contenido */
.custom-post-content h3{
  margin: 0 0 8px;
  line-height: 1.2;
  font-size: clamp(20px, 2.2vw, 28px); /* grande como en la captura */
  font-weight: 800;
  color: #123;                          /* ajusta si tu tema usa otro */
}

.custom-post-content p{
  margin: 0 0 14px;
  color: #465;                          /* gris legible */
  font-size: 16px;
}

/* botón "Leer más" estilo pastilla verde */
.custom-post-content .custom-button{
  display: inline-block;
  padding: 12px 22px;
  border-radius: 999px;
  background: #0f5132;                 /* verde oscuro */
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, background .2s;
}
.custom-post-content .custom-button:hover{
  background: #0a3f26;                 /* un poco más oscuro */
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

/* hover sutil en la card */
.custom-post-wrapper:hover{
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

/* ====== Responsive ====== */
@media (max-width: 768px){
  .custom-post-item{
    grid-template-columns: 1fr;        /* apilar en móviles */
    gap: 14px;
    padding: 14px;
  }
  .custom-post-image img{
    width: 100%;
  }
}

/* ====== Paginación de números (si usas .page-numbers de WP) ====== */
.nav-links .page-numbers,
.page-numbers a,
.page-numbers span{
  display: inline-block;
  margin: 0 6px;
  padding: 6px 10px;
  border-radius: 4px;
  text-decoration: none;
  color: #0f5132;
  border: 1px solid transparent;
}
.page-numbers a:hover{
  border-color: #0f5132;
}
.page-numbers .current{
  background: #0f5132;
  color: #fff;
  border-color: #0f5132;
}/* End custom CSS */