/* Artículos del blog (lo aplica herramientas/blog.py) */

/* ---------- Formulario de contacto al final de cada artículo ---------- */
.single-post .entry-content .wpcf7 { width: 100% !important; max-width: 720px !important; margin: 0 auto 8px !important; padding: clamp(18px, 3vw, 32px) !important; border-radius: 26px; background: #fff; box-sizing: border-box; }
.single-post .entry-content .wpcf7-form { width: 100% !important; max-width: none !important; margin: 0 !important; }
.single-post .entry-content .wpcf7 input:not([type="checkbox"]):not([type="submit"]), .single-post .entry-content .wpcf7 textarea { width: 100% !important; box-sizing: border-box; }
/* Móvil y tablet: el formulario ocupa el 97 % del ancho de la pantalla */
@media (max-width: 1024px) {
  .single-post .entry-content .wpcf7,
  .single-post .entry-content .uagb-forms__outer-wrap,
  .single-post .entry-content .wp-block-uagb-forms {
    width: 97vw !important;
    max-width: 97vw !important;
    margin-left: calc(50% - 48.5vw) !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  .single-post .entry-content .uagb-forms-main-form { width: 100% !important; }
}
@media (max-width: 520px) {
  .single-post .entry-content .wpcf7 { padding: 18px 14px !important; border-radius: 22px; }
  /* Nombre/Empresa y Teléfono/Correo, uno debajo de otro en pantallas estrechas */
  .single-post .entry-content .wpcf7 form > div[style*="flex-direction:row"] { flex-direction: column !important; gap: 0 !important; }
  .single-post .entry-content .wpcf7 form > div[style*="flex-direction:row"] > div { width: 100% !important; }
}

/* ---------- "Sigue leyendo": artículos relacionados ---------- */
.amv-rel { width: min(1200px, calc(100% - 40px)); margin: clamp(40px, 6vw, 72px) auto clamp(24px, 4vw, 48px); font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #16181d; clear: both; }
.amv-rel *, .amv-rel *::before, .amv-rel *::after { box-sizing: border-box; }
.amv-rel__cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.amv-rel__ante { margin: 0 0 6px !important; font-size: 13px !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #1f8f91 !important; }
.amv-rel .amv-rel__h { margin: 0 !important; font-family: "Poppins", sans-serif !important; font-size: clamp(20px, 16px + 1vw, 26px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.015em; color: #16181d !important; }
.amv-rel__flechas { display: flex; gap: 8px; flex-shrink: 0; }
.amv-rel .amv-rel__flecha { width: 40px; height: 40px; min-height: 0; padding: 0; border-radius: 999px; display: grid; place-items: center; background: #fff; color: #16181d; border: 1px solid rgba(22, 24, 29, .14) !important; box-shadow: none; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.amv-rel .amv-rel__flecha:hover { background: #2aabad; color: #fff; border-color: #2aabad !important; }
.amv-rel__flecha svg { width: 20px; height: 20px; }
.amv-rel__pista { list-style: none !important; margin: 0 !important; padding: 4px 2px 10px !important; display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.amv-rel__pista::-webkit-scrollbar { display: none; }
.amv-rel__item { flex: 0 0 calc((100% - 32px) / 3); margin: 0 !important; scroll-snap-align: start; list-style: none !important; }
.amv-rel .amv-rel__tarjeta { display: flex; flex-direction: column; height: 100%; border-radius: 22px; overflow: hidden; background: #fff; color: #16181d !important; text-decoration: none !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); transition: transform .4s cubic-bezier(.32, .72, 0, 1), box-shadow .3s ease; }
.amv-rel .amv-rel__tarjeta:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(15, 23, 42, .08); }
.amv-rel__foto { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #e9ecef; }
.amv-rel__foto img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; margin: 0 !important; transition: transform .6s cubic-bezier(.32, .72, 0, 1); }
.amv-rel__tarjeta:hover .amv-rel__foto img { transform: scale(1.05); }
.amv-rel__texto { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 16px 18px 18px; }
.amv-rel__cat { font-size: 11.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #1f8f91; }
.amv-rel .amv-rel__t { margin: 0 !important; font-family: "Poppins", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; color: #16181d !important; transition: color .2s ease; }
.amv-rel__tarjeta:hover .amv-rel__t { color: #1f8f91 !important; }
.amv-rel__d { font-size: 13.5px; line-height: 1.55; color: #5f6570; }
.amv-rel__ir { margin-top: auto; padding-top: 6px; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: #1f8f91; }
.amv-rel__ir svg { width: 15px; height: 15px; transition: transform .25s ease; }
.amv-rel__tarjeta:hover .amv-rel__ir svg { transform: translateX(3px); }
.amv-rel__pie { margin: 14px 0 0 !important; text-align: center; }
.amv-rel .amv-rel__todos { display: inline-flex; align-items: center; height: 42px; padding: 0 22px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none !important; color: #16181d !important; border: 1px solid #2aabad; transition: background-color .2s ease, color .2s ease; }
.amv-rel .amv-rel__todos:hover { background: #2aabad; color: #fff !important; }
@media (max-width: 900px) { .amv-rel__item { flex-basis: calc((100% - 16px) / 2); } }
@media (max-width: 560px) {
  .amv-rel__item { flex-basis: 82%; }
  .amv-rel__flechas { display: none; }
}

/* ---------- "¿Algún proyecto en mente?" antes del formulario ---------- */
.single-post .uagb-heading-text { font-family: "Poppins", sans-serif !important; font-weight: 700 !important; color: #16181d !important; }
.single-post .entry-content .uagb-buttons-repeater { display: inline-flex !important; align-items: center; height: 44px; padding: 0 24px !important; border-radius: 999px !important; background: #2aabad !important; border: 1px solid #2aabad !important; color: #fff !important; box-shadow: none !important; transition: background-color .2s ease, color .2s ease; }
.single-post .entry-content .uagb-buttons-repeater .uagb-button__link { color: inherit !important; font-family: "Poppins", sans-serif !important; font-size: 14.5px !important; font-weight: 600 !important; }
.single-post .entry-content .uagb-buttons-repeater:hover { background: #fff !important; color: #2aabad !important; }

/* Enlaces del texto: turquesa algo más oscuro para que se lean bien sobre el fondo gris */
.single-post .ame-article-content a:not(.ame-product-btn) { color: #1a7f81 !important; }
.single-post .ame-article-content a:not(.ame-product-btn):hover { color: #11585a !important; }