/* --- ESTILOS ENCABEZADO BLOG ASECO --- */    /* Contenedor principal */   .aseco-blog-header-section {     text-align: center;     padding: 60px 20px;     font-family: 'Roboto', sans-serif;     background-color: #f4f7f6; /* Fondo blanco limpio */   }    /* La "tarjetita" o píldora superior */   .aseco-blog-badge {     display: inline-flex;     align-items: center;     gap: 8px; /* Espacio entre icono y textos */     background-color: #E6F0EC; /* Fondo Verde Clarito */     padding: 10px 24px;     border-radius: 50px; /* Bordes muy redondeados (píldora) */     font-size: 1rem;     font-weight: 700;     margin-bottom: 30px; /* Separación con el título principal */     box-shadow: 0 4px 10px rgba(0,0,0,0.03); /* Sombra muy sutil */   }    /* Color base para el texto de la píldora (Blog y el icono) */   .badge-base-color {     color: #4F8A70; /* Verde Oscuro */   }    /* Icono de la píldora */   .badge-icon {     width: 20px;     height: 20px;     fill: currentColor; /* Hereda el verde oscuro */   }    /* Colores de Marca AseCo */   .brand-blue { color: #2e2eb8; }   .brand-green-c { color: #3fc206; }    /* Título Principal */   .blog-main-title {     font-size: 50px;     font-weight: 800;     color: #4F8A70; /* Verde Oscuro */     margin: 0 0 25px 0;     line-height: 1.1;   }    /* Texto descriptivo inferior */   .blog-description {     font-size: 1.25rem;     color: #000000; /* Negro solicitado */     max-width: 900px;     margin: 0 auto; /* Centrado */     line-height: 1.6;   }    /* Ajustes para Móvil */   @media (max-width: 768px) {     .blog-main-title { font-size: 2.5rem; }     .blog-description { font-size: 1.1rem; }   } #sp-s7ksf2 .sp-posts-single-block.sp-news-posts:nth-of-type(1n + 1){border-left: 0px;} #sp-s7ksf2 .sp-layout-gridlayout .sp-posts-single-block.sp-minimal-posts:nth-child( -n + 1) , #sp-s7ksf2 .sp-layout-masonary .sp-posts-single-block.sp-minimal-posts:nth-child( -n + 1){border-top: 0px;} #sp-s7ksf2 .sp-layout-carousel .sp-posts-single-block.sp-minimal-posts {border-top: 0px;}     #sp-s7ksf2 .sp-posts-single-block .sp-post-text-container{padding: 10px 10px 10px 10px ;} #sp-s7ksf2 .sp-posts-image-link{overflow: hidden;max-height: 125px;margin: 0px 0px 0px 0px ;} #sp-s7ksf2 .sp-thumbnail{overflow: hidden;max-height: 125px;}     #sp-s7ksf2 .sp-posts-block-title {text-align: left;font-size: 35px;font-weight: bold;}     #sp-s7ksf2 .sp-posts-block-meta-text {text-align: left;}     #sp-s7ksf2 .sp-posts-block-excerpt {text-align: left;}     #sp-s7ksf2 .sp-posts-block-read-more {text-align: left;}     #sp-s7ksf2 .sp-posts-block-pagination {text-align: left;}     #sp-s7ksf2 .sp-posts-single-block .sp-container-badge {display:none;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;padding: 5px 20px 5px 20px ;color: #fff;background-color: #6F716F;margin-bottom: 10px;}     #sp-s7ksf2 .sp-posts-single-block .sp-container-badge a{color: #fff;}     #sp-s7ksf2 .sp-skin-block.sp-layout-carousel {gap: 0px; flex-direction: column;}     #sp-s7ksf2 .sp-skin-block.sp-layout-carousel .sp-postblock-nav{justify-content: center;}      /* --- ESTILOS DEL FORMULARIO DE SUSCRIPCIÓN --- */    /* 1. La caja verde (el fondo de la tarjeta) */   .wpcf7 form .aseco-newsletter-form {     background-color: #E6F0EC; /* Verde clarito AseCo */     padding: 50px 30px;     border-radius: 20px;       /* Bordes redondeados */     text-align: center;     max-width: 800px;     margin: 30px auto;         /* Centrado */     box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Sombra suave */   }    /* 2. Título "Mantente informado" (Se añade automáticamente) */   .wpcf7 form .aseco-newsletter-form::before {     content: 'Mantente informado';     display: block;     font-family: 'Roboto', sans-serif;     font-size: 2.2rem;     font-weight: 800;     color: #1a1a1a; /* Negro/Gris oscuro */     margin-bottom: 10px;   }    /* 3. Subtítulo (Se añade automáticamente) */   .wpcf7 form .aseco-newsletter-form::after {     content: 'Suscríbete a nuestro boletín para recibir las últimas noticias sobre sostenibilidad y saneamiento ecológico.';     display: block;     font-family: 'Roboto', sans-serif;     font-size: 1.1rem;     color: #666666; /* Gris texto */     margin-bottom: 30px;     max-width: 600px;     margin-left: auto;     margin-right: auto;   }    /* 4. El campo para escribir el email */   .wpcf7 form input[type="email"] {     padding: 18px 25px;     width: 100%;     max-width: 400px; /* Que no sea demasiado ancho */     border: 1px solid #ddd;     border-radius: 50px; /* Redondo */     background-color: #ffffff;     font-size: 1rem;     outline: none;     font-family: 'Roboto', sans-serif;   }    /* Al hacer clic en el campo */   .wpcf7 form input[type="email"]:focus {     border-color: #3fc206; /* Borde verde al escribir */     box-shadow: 0 0 0 3px rgba(63, 194, 6, 0.1);   }    /* 5. El botón "Suscribirme" */   .wpcf7 form input[type="submit"] {     background-color: #4F8A70; /* Verde Oscuro (para variar del logo, o pon #3fc206 si prefieres el vivo) */     color: #ffffff;     border: none;     padding: 18px 35px;     border-radius: 50px;     font-size: 1.1rem;     font-weight: 700;     cursor: pointer;     transition: all 0.3s ease;     margin-top: 15px;     font-family: 'Roboto', sans-serif;   }    /* Efecto al pasar el ratón por el botón */   .wpcf7 form input[type="submit"]:hover {     background-color: #3fc206; /* Se pone verde vivo al pasar el ratón */     transform: translateY(-2px);   }    /* Para ocultar mensajes de error/éxito feos y estilizarlos */   div.wpcf7-response-output {     border: none !important;     background: #fff;     padding: 10px;     border-radius: 8px;     margin-top: 20px !important;     font-size: 0.9rem;   }    /* Ajuste para pantallas grandes (PC): Poner en línea */   @media (min-width: 768px) {     .wpcf7-form-control-wrap { display: inline-block; }     .wpcf7 form input[type="email"] { margin-bottom: 0; }     .wpcf7 form input[type="submit"] { margin-top: 0; margin-left: 10px; }   }    /* --- ESTILOS SECCIÓN "SÉ PARTE DEL CAMBIO" --- */    /* Contenedor Principal */   .join-change-section {     background-color: #E6F0EC; /* Fondo verde clarito */     padding: 80px 20px;     text-align: center;     font-family: 'Roboto', sans-serif;   }    /* Contenedor interno para limitar el ancho */   .join-change-container {     max-width: 800px;     margin: 0 auto;   }    /* Título Principal */   .join-change-title {     font-size: 3rem;     font-weight: 800;     color: #4F8A70; /* Verde oscuro */     margin: 0 0 20px 0;     line-height: 1.2;   }    /* Subtítulo */   .join-change-subtitle {     font-size: 1.2rem;     font-weight: 500;     color: #000000; /* Negro */     margin: 0 0 40px 0;     line-height: 1.5;   }    /* Estilos de Marca AseCo */   .brand-blue { color: #2e2eb8; }   .brand-green-c { color: #3fc206; }    /* Botón */   .join-change-btn {     display: inline-flex;     align-items: center;     justify-content: center;     background-color: #3fc206; /* Verde logo */     color: #ffffff !important; /* Texto blanco forzado */     text-decoration: none;     padding: 15px 40px;     border-radius: 50px; /* Bordes redondeados */     font-weight: 700;     font-size: 1.1rem;     transition: all 0.3s ease;     border: none;     cursor: pointer;     box-shadow: 0 4px 15px rgba(63, 194, 6, 0.3);   }    /* Efecto Hover */   .join-change-btn:hover {     background-color: #36a605; /* Se oscurece ligeramente */     transform: translateY(-3px);     box-shadow: 0 6px 20px rgba(63, 194, 6, 0.4);     color: #ffffff !important;   }    /* Ajustes para Móvil */   @media (max-width: 600px) {     .join-change-title { font-size: 2.2rem; }     .join-change-subtitle { font-size: 1.1rem; }     .join-change-btn { width: 100%; }   } #sp-an5do4hgxre{width: 100%; max-width: 100%; padding: 0px;}#sp-l2mrdgvmneha{padding: 0px; width: auto; max-width: 1000px;}#sp-z24r1o{width: calc(100% + 0px);}#sp-xwn23i{padding: 1px 0px 0px; margin: 0px;}#sp-s7ksf2{padding: 1px 0px 0px; margin: 0px;}#sp-mi9n3c{height: 60px;}#sp-s0fx1vedpr{text-decoration: none;}#sp-z0d27l{font-size: 50px; text-align: center; margin: 0px;}#sp-7ojo06qmuc{color: #4f8a70;}#sp-ug7jho{font-size: 20px; margin: 0px; text-align: left;}#sp-8ruh1kbpoj{text-align: center;}#sp-vnfwer{height: 55px;}#sp-oizv8d{margin: 0px;}#sp-j11xwx{height: 60px;}#sp-s8ao6s{margin: 0px; text-align: center;}#sp-ff2v0vzxaf{border-radius: 25px; width: 500%;}#sp-pm2xu5{margin: 0px;}#sp-cbopat{margin: 0px;}@media only screen and (max-width: 480px) { #sp-s7ksf2 .sp-skin-news .sp-posts-single-block {border-left: 0px !important;} #sp-s7ksf2 .sp-posts-block-title  {text-align:center !important;} #sp-s7ksf2 .sp-posts-block-meta-text  {text-align:left !important;} #sp-s7ksf2 .sp-posts-single-block .sp-container-badge ,   #sp-s7ksf2 .sp-posts-single-block .sp-container-badge a  {text-align:undefined !important;} #sp-s7ksf2 .sp-posts-block-excerpt  {text-align:left !important;} #sp-s7ksf2 .sp-posts-block-read-more  {text-align:left !important;} #sp-s7ksf2 .sp-posts-block-pagination  {text-align:left !important;} #sp-mi9n3c {height:40px !important;} .sp-headline-block-z0d27l,   #sp-z0d27l,   #z0d27l {text-align:center !important;} .sp-text-wrapper-ug7jho,   #sp-ug7jho,   #ug7jho {text-align:left !important;} #sp-vnfwer {height:40px !important;} #sp-j11xwx {height:40px !important;} #sp-s8ao6s {text-align:center !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { #sp-s7ksf2 .sp-skin-news .sp-posts-single-block {border-left: 0px !important;} #sp-s7ksf2 .sp-posts-block-title  {text-align:center !important;} #sp-s7ksf2 .sp-posts-block-meta-text  {text-align:left !important;} #sp-s7ksf2 .sp-posts-single-block .sp-container-badge ,   #sp-s7ksf2 .sp-posts-single-block .sp-container-badge a  {text-align:undefined !important;} #sp-s7ksf2 .sp-posts-block-excerpt  {text-align:left !important;} #sp-s7ksf2 .sp-posts-block-read-more  {text-align:left !important;} #sp-s7ksf2 .sp-posts-block-pagination  {text-align:left !important;} #sp-mi9n3c {height:10px !important;} .sp-headline-block-z0d27l,   #sp-z0d27l,   #z0d27l {text-align:center !important;} .sp-text-wrapper-ug7jho,   #sp-ug7jho,   #ug7jho {text-align:left !important;} #sp-vnfwer {height:10px !important;} #sp-j11xwx {height:10px !important;} #sp-s8ao6s {text-align:center !important;}}