.elementor-10004 .elementor-element.elementor-element-blog-grid > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}@media(max-width:1024px){.elementor-10004 .elementor-element.elementor-element-blog-grid > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}@media(max-width:767px){.elementor-10004 .elementor-element.elementor-element-blog-grid > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS *//* Viéndote Crecer · Archivo del blog 2027 · CSS de plantilla (prefijo blog-)
   Misma familia que Sesiones 2027 (9989) y Sesión individual 2027 (10000): curvas, duraciones y variables --vc-*.
   Duplicado de 9989/10000 (unificar más adelante): keyframes blogFoto/blogFade/blogUp (= sesFoto/sesFade/sesUp), marco del hero,
   foto en arco y enlaces del cierre, máscara de revelado (blogMascara = sesMascaraIzq), CTA con subrayado dorado (= [data-ses="cta"]).
   El listing 10003 se estiliza aquí con data-blog porque los estilos atómicos de un listing NO se cargan donde se incrusta. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* ---------- Hero ---------- */
@media (prefers-reduced-motion: no-preference){
  [data-id="blog-hero-foto"]{animation:blogFoto 1.6s cubic-bezier(.2,.6,.2,1) both}
  #blog-hero-marco{animation:blogFade 1.4s .35s ease both}
  #blog-hero-texto > *{animation:blogUp .9s cubic-bezier(.2,.6,.2,1) both}
  #blog-hero-texto > :nth-child(2){animation-delay:.08s}
  #blog-hero-texto > :nth-child(3){animation-delay:.16s}
  #blog-hero-texto > :nth-child(4){animation-delay:.26s}
  #blog-hero-texto > :nth-child(5){animation-delay:.36s}
}
#blog-hero-marco{bottom:auto !important;right:auto !important;width:100%;aspect-ratio:4/3;min-height:0;padding:0}
@media (max-width:1024px){#blog-hero-marco{aspect-ratio:3/2}}
@media (max-width:767px){#blog-hero-marco{aspect-ratio:1/1}}
@keyframes blogFoto{from{transform:scale(1.035)}to{transform:none}}
@keyframes blogFade{from{opacity:0;transform:translate(-10px,-10px)}to{opacity:1;transform:none}}
@keyframes blogUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Entradilla: la descripción del archivo recortada a 3 líneas (texto completo, accesible, en «Sobre este archivo») */
#blog-hero-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
#blog-hero-intro p{margin:0;display:inline}
#blog-hero-intro:empty{display:none}

/* ---------- Categorías (widget Categorías de WordPress: enlaces reales y aria-current nativo) ---------- */
#blog-categorias .blog-chips{flex:1 1 auto;min-width:0}
#blog-categorias .blog-chips h5,#blog-categorias .blog-chips .widget-title{display:none}
#blog-categorias .blog-chips ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#blog-categorias .blog-chips ul.children,#blog-categorias .blog-chips li:has(> ul.children){display:contents}
#blog-categorias .blog-chips li{margin:0;padding:0;list-style:none}
#blog-categorias .blog-chips a{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--vc-borde-suave);border-radius:999px;background:transparent;font-family:var(--vc-sans),sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:.3px;color:var(--vc-chocolate);text-decoration:none;transition:border-color .3s ease,background-color .3s ease,color .3s ease}
#blog-categorias .blog-chips a:hover{border-color:var(--vc-dorado)}
#blog-categorias .blog-chips a:focus-visible{outline:2px solid var(--vc-chocolate);outline-offset:3px}
#blog-categorias .blog-chips a[aria-current="page"],#blog-categorias .blog-chips .current-cat > a{background:var(--vc-chocolate);border-color:var(--vc-chocolate);color:var(--vc-crema)}
@media (max-width:767px){#blog-categorias .blog-chips ul{gap:8px}#blog-categorias .blog-chips a{padding:8px 14px;font-size:13px}}

/* ---------- 01 · Historias: listing 10003 ---------- */
#blog-listado{overflow:clip !important}
#blog-listado .blog-grid,#blog-listado .jet-listing-grid{width:100%}
#blog-listado .jet-listing-grid__items{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:104px;width:100% !important;margin:0 !important;padding:0}
#blog-listado .jet-listing-grid__item{width:auto !important;max-width:none !important;flex:none !important;padding:0 !important;min-width:0}
#blog-listado .jet-listing-grid__item > .elementor{width:100%}
/* Ritmo editorial por bloques de 10 (una página): 1 ancha + 4 parejas + 1 ancha invertida. Una tarjeta sola en su fila también se ensancha. */
#blog-listado .jet-listing-grid__item:nth-child(10n+1),
#blog-listado .jet-listing-grid__item:nth-child(10n+10),
#blog-listado .jet-listing-grid__item:last-child:nth-child(10n+2),
#blog-listado .jet-listing-grid__item:last-child:nth-child(10n+4),
#blog-listado .jet-listing-grid__item:last-child:nth-child(10n+6),
#blog-listado .jet-listing-grid__item:last-child:nth-child(10n+8){grid-column:1 / -1}

#blog-listado [data-blog="item"]{position:relative;display:flex;flex-direction:column;gap:36px;padding:0;margin:0;width:100%;max-width:none}
#blog-listado [data-blog="media"]{position:relative;display:block;width:auto;min-width:0;box-sizing:border-box;padding:0;margin:0 18px 18px 0;background:var(--vc-arena);isolation:isolate}
#blog-listado [data-blog="foto"]{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;margin:0;max-width:100%}
#blog-listado [data-blog="marco"]{position:absolute;z-index:0;inset:18px -18px -18px 18px;border:1px solid var(--vc-dorado);padding:0;min-height:0;pointer-events:none;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
#blog-listado [data-blog="texto"]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0;margin:0;position:static}
#blog-listado [data-blog="meta"]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0}
#blog-listado .blog-cat,#blog-listado .blog-cat .jet-listing-dynamic-terms,#blog-listado .blog-cat .jet-listing-dynamic-terms__link{margin:0;font-family:var(--vc-sans),sans-serif;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:2.4px;text-transform:uppercase;color:var(--vc-caramelo)}
#blog-listado [data-blog="fecha"]{margin:0;font-family:var(--vc-sans),sans-serif;font-weight:400;font-size:12px;line-height:1.4;letter-spacing:2.4px;text-transform:uppercase;color:var(--vc-topo)}
#blog-listado [data-blog="fecha"]::before{content:"· ";content:"· " / ""}
#blog-listado [data-blog="fecha"]:empty{display:none}
#blog-listado [data-blog="titulo"]{margin:0;font-family:var(--vc-serif),serif;font-weight:500;font-size:34px;line-height:1.1;color:var(--vc-chocolate)}
#blog-listado [data-blog="titulo"] a{color:inherit;text-decoration:none;outline:none}
#blog-listado [data-blog="titulo"] a::after{content:"";position:absolute;inset:0;z-index:3}
#blog-listado [data-blog="extracto"]{margin:0;max-width:540px;font-family:var(--vc-sans),sans-serif;font-weight:300;font-size:16px;line-height:1.7;color:var(--vc-topo);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
#blog-listado [data-blog="extracto"]:empty{display:none}
#blog-listado [data-blog="cta"]{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:0 0 6px;background-color:transparent;border:0;border-radius:0;box-shadow:none;font-family:var(--vc-sans),sans-serif;font-weight:400;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--vc-chocolate);text-decoration:none;
  background-image:linear-gradient(var(--vc-dorado),var(--vc-dorado));background-repeat:no-repeat;background-position:0 100%;background-size:36px 1px;transition:background-size .5s cubic-bezier(.2,.6,.2,1)}
#blog-listado [data-blog="cta"]::after{content:"→";content:"→" / "";font-size:15px;transition:transform .5s cubic-bezier(.2,.6,.2,1)}

/* Tarjeta ancha: foto a un lado y texto al otro; la del final de cada bloque, invertida (como el recorrido de la 9989) */
@media (min-width:768px){
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="item"],
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="item"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="item"]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="media"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="media"]{grid-row:1;grid-column:1 / 8}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="texto"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="texto"]{grid-row:1;grid-column:9 / 13}
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="media"]{grid-row:1;grid-column:6 / 13;margin:0 0 18px 18px}
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="marco"]{inset:18px 18px -18px -18px}
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="texto"]{grid-row:1;grid-column:1 / 5}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="titulo"]{font-size:46px;line-height:1.05}
}

/* Estados: ratón (solo hover real) y teclado */
@media (hover:hover) and (pointer:fine){
  #blog-listado [data-blog="media"]{overflow:visible}
  #blog-listado [data-blog="foto"]{transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}
  #blog-listado [data-blog="item"]:hover [data-blog="foto"]{transform:scale(1.025)}
  #blog-listado [data-blog="item"]:hover [data-blog="marco"]{transform:translate(-8px,-8px)}
  #blog-listado [data-blog="item"]:hover [data-blog="cta"]{background-size:100% 1px}
  #blog-listado [data-blog="item"]:hover [data-blog="cta"]::after{transform:translateX(6px)}
}
#blog-listado [data-blog="item"]:focus-within [data-blog="cta"]{background-size:100% 1px}
#blog-listado [data-blog="titulo"] a:focus-visible{text-decoration:underline;text-decoration-color:var(--vc-dorado);text-underline-offset:6px;text-decoration-thickness:1px}
#blog-listado [data-blog="titulo"] a:focus-visible::after{outline:2px solid var(--vc-chocolate);outline-offset:12px}

/* Revelado con máscara al hacer scroll (también en las tarjetas que llegan con «Cargar más») */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    #blog-listado [data-blog="media"]{animation:blogMascara linear both;animation-timeline:view();animation-range:entry 5% cover 35%}
    #blog-listado [data-blog="texto"]{animation:blogTexto linear both;animation-timeline:view();animation-range:entry 15% cover 35%}
  }
}
@keyframes blogMascara{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(-40px -40px -40px -40px)}}
@keyframes blogTexto{from{opacity:0}to{opacity:1}}

/* Cargar más: botón de JetEngine (modo clic). Es un enlace real a la página siguiente; JetEngine lo intercepta y lo oculta al final. */
#blog-cargar-mas:not([href]),#blog-cargar-mas[href=""]{display:none}
#blog-listado .jet-listing-grid-loading,#blog-listado .jet-listing-grid.jet-listing-grid-loading{opacity:.6;transition:opacity .3s ease}
#blog-mas{margin-top:8px}

@media (max-width:1024px){
  #blog-listado .jet-listing-grid__items{column-gap:32px;row-gap:80px}
  #blog-listado [data-blog="titulo"]{font-size:30px}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="titulo"]{font-size:38px}
}
@media (max-width:767px){
  #blog-listado .jet-listing-grid__items{grid-template-columns:1fr;row-gap:64px}
  #blog-listado .jet-listing-grid__item{grid-column:auto !important}
  #blog-listado [data-blog="item"]{gap:28px}
  #blog-listado [data-blog="media"]{margin:0 12px 12px 0}
  #blog-listado [data-blog="marco"]{inset:12px -12px -12px 12px}
  #blog-listado [data-blog="titulo"],#blog-listado .jet-listing-grid__item [data-blog="titulo"]{font-size:28px !important}
  #blog-listado [data-blog="extracto"]{font-size:15px}
}


/* Tablet: en las tarjetas anchas, foto y texto a medias para que el texto respire */
@media (min-width:768px) and (max-width:1024px){
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="media"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="media"]{grid-column:1 / 7}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="texto"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="texto"]{grid-column:7 / 13}
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="media"]{grid-column:7 / 13}
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="texto"]{grid-column:1 / 7}
  #blog-listado .jet-listing-grid__item:nth-child(10n+1) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:nth-child(10n+10) [data-blog="titulo"],
  #blog-listado .jet-listing-grid__item:last-child:nth-child(even):not(:nth-child(10n+10)) [data-blog="titulo"]{font-size:32px}
}
/* ---------- Sobre este archivo (descripción completa con sus enlaces) ---------- */
#blog-sobre:has(#blog-sobre-texto:empty){display:none}
#blog-sobre-inner{border-top:1px solid var(--vc-borde-suave)}
#blog-sobre-texto{display:block}
#blog-sobre-texto p{margin:0 0 14px}
#blog-sobre-texto a,#blog-hero-intro a{color:var(--vc-chocolate);text-decoration:underline;text-decoration-color:var(--vc-dorado);text-decoration-thickness:1px;text-underline-offset:4px}
#blog-sobre-texto a:focus-visible{outline:2px solid var(--vc-chocolate);outline-offset:3px}

/* ---------- 02 · Hablamos (mismo patrón que el cierre de la 9989/10000) ---------- */
#contacto [data-id="blog-contacto-foto"]{border-radius:999px 999px 0 0;object-position:60% center}
#blog-contacto-datos{border-top:1px solid var(--vc-dorado)}
#blog-contacto-datos a{color:var(--vc-chocolate);text-decoration:none;background-image:linear-gradient(var(--vc-dorado),var(--vc-dorado));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .4s ease}
#blog-contacto-datos a:hover,#blog-contacto-datos a:focus-visible{background-size:100% 1px}
#blog-contacto-datos a:focus-visible{outline:2px solid var(--vc-chocolate);outline-offset:4px}

@media (prefers-reduced-motion: reduce){
  #blog-listado *,#blog-listado *::before,#blog-listado *::after{animation:none !important;transition:none !important}
}/* End custom CSS */