/*
TEMPLATE — CSS EDITORIAL CONDICIONAL
Fuente de los componentes editoriales: hero, resumen, índice, metadatos,
secciones, listas prácticas, CTA, infografía, imagen vertical y volver arriba.
Se carga después del CSS global compartido y sólo donde corresponde.
Las variables, cabecera, navegación y pie pertenecen al style.css del tema.
Modificar esta fuente directamente; no copiarla en cada página.
*/

.dv-section[id],
    .dv-infographic-wrap[id]{
      scroll-margin-top:88px;
    }

/* ================================================================
       HERO
       ================================================================ */

.dv-hero-wrap{
      width:100%;
      padding:var(--dv-frame-pad) var(--dv-frame-pad) 0;
    }

.dv-hero{
      --dv-hero-title-size:clamp(24px,calc(6.7cqw + 4px),68px);
      --dv-hero-text-width:60%;
      container-type:inline-size;
      aspect-ratio:16 / 9;
      min-height:0;
      position:relative;
      display:flex;
      align-items:center;
      width:100%;
      overflow:hidden;
      border-radius:var(--dv-radius-lg);
      background:#11151c;
      box-shadow:
        0 18px 36px rgba(17,21,28,.12),
        inset 0 1px 0 rgba(255,255,255,.05);
    }

.dv-hero__media{
      position:absolute;
      inset:0;
      z-index:0;
      width:100%;
      height:100%;
      margin:0 !important;
      overflow:hidden;
      pointer-events:none;
    }

.dv-hero__media img{
      display:block;
      width:100% !important;
      height:100% !important;
      max-width:none !important;
      object-fit:cover;
      object-position:50% 50%;
    }

.dv-hero::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      pointer-events:none;
      background:
        linear-gradient(
          90deg,
          rgba(0,0,0,.96) 0%,
          rgba(0,0,0,.83) 36%,
          rgba(0,0,0,.28) 69%,
          rgba(0,0,0,.03) 100%
        );
    }

.dv-hero__content{
      box-sizing:border-box;
      width:var(--dv-hero-text-width);
      max-width:none;
      padding:5%;
      position:relative;
      z-index:2;
      margin:0;
      min-width:0;
      color:#fff;
    }

.dv-hero h1{
      min-width:0;
      max-width:100%;
      overflow-wrap:anywhere;
      margin:0;
      color:#fff;
      border-left:3px solid #bec9d4;
      padding-left:22px;
      font-size:var(--dv-hero-title-size);
      line-height:1.04;
      letter-spacing:-.025em;
      text-wrap:wrap;
      font-weight:800;
    }

.dv-hero__line{
      display:inline;
      white-space:normal;
    }

.dv-hero--long-title{
      --dv-hero-title-size:clamp(10px,4.8cqw,44px);
      --dv-hero-text-width:60%;
    }

.dv-hero--long-title h1{
      padding-left:2cqw;
      line-height:1.08;
      text-wrap:balance;
      overflow-wrap:normal;
      word-break:normal;
      hyphens:none;
    }

.dv-hero__accent,
    .dv-hero__action{
      color:#bec9d4;
      font-weight:800;
      text-decoration:none;
      background:none;
      padding:0;
      box-shadow:none;
      text-shadow:none;
      -webkit-text-fill-color:currentColor;
    }

.dv-hero__rule{
      display:none;
      width:90px;
      height:6px;
      margin-top:28px;
      border-radius:999px;
      background:var(--dv-silver-mid);
    }

/* ================================================================
       SUMMARY + INDEX
       ================================================================ */

.dv-summary{
      padding:52px var(--dv-content-pad) 48px;
    }

.dv-summary__shell{
      position:relative;
      padding-left:28px;
    }

.dv-summary__shell::before{
      content:"";
      position:absolute;
      left:0;
      top:4px;
      bottom:4px;
      width:3px;
      border-radius:999px;
      background:linear-gradient(
        180deg,
        var(--dv-black) 0%,
        var(--dv-silver) 100%
      );
    }

.dv-summary__label,
    .dv-summary__promise-title{
      margin:0;
      color:var(--dv-label);
      font-size:12px;
      font-weight:800;
      line-height:1.3;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

.dv-summary__label{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:16px;
    }

.dv-summary__label::after{
      content:"";
      flex:0 0 34px;
      width:34px;
      height:1px;
      background:var(--dv-silver-light);
    }

.dv-summary__text{
      max-width:825px;
      margin:0;
      color:var(--dv-black-soft);
      font-size:clamp(19px,2vw,21px);
      line-height:1.63;
      letter-spacing:-.1px;
    }

.dv-summary__promise{
      margin-top:30px;
      padding-top:25px;
      border-top:1px solid var(--dv-border);
    }

.dv-summary__promise-title{
      margin-bottom:17px;
    }

.dv-promise-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      align-items:stretch;
    }

.dv-promise{
      position:relative;
      isolation:isolate;
      display:grid;
      grid-template-columns:34px minmax(0,1fr);
      gap:12px;
      align-items:start;
      height:100%;
      min-width:0;
      padding:14px 18px;
      overflow:hidden;
      border:1px solid rgba(17,21,28,.075);
      border-radius:16px;
      background:#fff;
      box-shadow:var(--dv-card-shadow);
      color:inherit;
      text-decoration:none;
      cursor:pointer;
      -webkit-tap-highlight-color:transparent;
      transition:box-shadow .30s ease .06s;
    }

.dv-promise::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      border-radius:inherit;
      background:
        linear-gradient(
          108deg,
          rgba(255,255,255,0) 0%,
          rgba(247,248,250,.52) 42%,
          rgba(241,243,246,.78) 100%
        );
      opacity:0;
      transition:opacity .36s ease .08s;
    }

.dv-promise:hover,
    .dv-promise:focus-visible{
      box-shadow:var(--dv-card-shadow-hover);
    }

.dv-promise:hover::before,
    .dv-promise:focus-visible::before{
      opacity:1;
    }

.dv-promise:focus-visible{
      outline:none;
      box-shadow:
        var(--dv-card-shadow-hover),
        0 0 0 3px rgba(142,150,161,.13);
    }

.dv-promise:active{
      box-shadow:var(--dv-card-shadow);
    }

.dv-promise__number{
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border:1px solid rgba(17,21,28,.045);
      border-radius:50%;
      background:linear-gradient(145deg,#fafbfc 0%,#eef1f4 100%);
      box-shadow:
        0 4px 10px rgba(17,21,28,.065),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(17,21,28,.025);
      color:#69717d;
      font-size:12px;
      font-weight:800;
      transition:
        background .30s ease .06s,
        color .30s ease .06s,
        box-shadow .30s ease .06s;
    }

.dv-promise:hover .dv-promise__number,
    .dv-promise:focus-visible .dv-promise__number{
      background:linear-gradient(145deg,#f2f4f6 0%,#e5e9ed 100%);
      box-shadow:
        0 6px 13px rgba(17,21,28,.085),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(17,21,28,.035);
      color:#4d5663;
    }

.dv-promise__content{
      display:block;
      min-width:0;
    }

.dv-promise__content strong{
      display:block;
      margin:0;
      color:var(--dv-black-soft);
      font-size:14px;
      line-height:1.32;
      transition:color .30s ease .06s;
    }

.dv-promise:hover .dv-promise__content strong,
    .dv-promise:focus-visible .dv-promise__content strong{
      color:#12171e;
    }

.dv-promise__content small{display:none;}

/* ================================================================
       META PILLS
       ================================================================ */

.dv-meta{
      padding:0 var(--dv-content-pad) 10px;
    }

.dv-pills{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
    }

.dv-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      max-width:100%;
      padding:8px 14px;
      border:1px solid var(--dv-border);
      border-radius:999px;
      background:#fff;
      color:#596270;
      font-size:14px;
      font-weight:700;
      line-height:1.35;
    }

.dv-pill::before{
      content:"";
      flex:0 0 7px;
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--dv-silver);
    }

.dv-pill strong{
      color:#596270;
    }

/* ================================================================
       CONTENT SECTIONS
       ================================================================ */

.dv-section{
      width:100%;
      padding:48px var(--dv-content-pad) 56px;
    }

.dv-section-heading{
      display:flex;
      align-items:flex-start;
      gap:18px;
      margin-bottom:26px;
    }

.dv-section-number{
      flex:0 0 46px;
      width:46px;
      height:46px;
      display:grid;
      place-items:center;
      border:1px solid rgba(255,255,255,.035);
      border-radius:50%;
      background:linear-gradient(145deg,#242b35 0%,#0f141b 100%);
      box-shadow:
        0 7px 16px rgba(17,21,28,.16),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.25);
      color:var(--dv-silver-light);
      font-size:18px;
      font-weight:800;
    }

.dv-section h2{
      flex:1 1 auto;
      min-width:0;
      margin:0;
      color:var(--dv-black-soft);
      font-size:clamp(30px,3.7vw,38px);
      line-height:1.15;
      letter-spacing:-.55px;
      overflow-wrap:break-word;
    }

.dv-accent{
      color:#818994;
    }

.dv-section > p{
      margin:0 0 22px;
      color:#56606f;
      font-size:16px;
      line-height:1.75;
    }

/* Ritmo editorial compartido; no requiere CSS paralelo de Constructor. */

.dv-editorial-standard .dv-section p{
      line-height:1.72;
    }

.dv-editorial-standard .dv-section p + p,
    .dv-editorial-standard .dv-section .wp-block-list > li + li{
      margin-block-start:1.1rem;
    }

/* ================================================================
       PRACTICAL LIST
       ================================================================ */

.dv-bullet-box{
      margin-top:30px;
      padding:29px 32px;
      border:1px solid var(--dv-border);
      border-radius:var(--dv-radius-md);
      background:linear-gradient(180deg,#fbfcfd 0%,#f7f8fa 100%);
      box-shadow:var(--dv-card-shadow);
    }

.dv-bullet-box h3{
      margin:0 0 18px;
      color:var(--dv-black);
      font-size:23px;
      line-height:1.25;
    }

.dv-bullet-box ul{
      margin:0;
      padding:0;
      list-style:none;
    }

.dv-bullet-box li{
      position:relative;
      margin:14px 0;
      padding-left:29px;
      color:#4f5968;
      font-size:17px;
      line-height:1.58;
    }

.dv-bullet-box li::before{
      content:"";
      position:absolute;
      left:0;
      top:.69em;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--dv-silver);
      box-shadow:0 0 0 5px rgba(142,150,161,.14);
    }

/* ================================================================
       PRACTICAL INSIGHT
       ================================================================ */

.dv-practical{
      display:grid;
      grid-template-columns:76px minmax(0,1fr);
      align-items:center;
      gap:26px;
      width:calc(100% - (var(--dv-frame-pad) * 2));
      margin:0 var(--dv-frame-pad) var(--dv-frame-pad);
      padding:39px 42px;
      border-radius:var(--dv-radius-md);
      background:linear-gradient(145deg,#151b24 0%,#0f141b 100%);
      box-shadow:
        0 18px 34px rgba(17,21,28,.15),
        inset 0 1px 0 rgba(255,255,255,.05);
      color:#fff;
    }

.dv-practical > div:last-child{
      min-width:0;
    }

.dv-practical__icon{
      width:64px;
      height:64px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#252c36;
      color:var(--dv-silver-light);
      font-size:27px;
    }

.dv-practical h3{
      margin:0 0 8px;
      color:#fff;
      font-size:25px;
      line-height:1.25;
    }

.dv-practical p{
      margin:0;
      color:#aeb5c0;
      font-size:17px;
      line-height:1.65;
    }

.dv-practical strong{
      color:var(--dv-silver-light);
    }

/* ================================================================
       INFOGRAPHIC WRAPPER
       ================================================================ */

.dv-infographic-wrap{
      width:100%;
      padding:0 var(--dv-frame-pad) var(--dv-frame-pad);
    }

/* ================================================================
       CTA BANNER
       ================================================================ */

.dv-cta-banner{
      width:100%;
      padding:0 var(--dv-frame-pad) var(--dv-frame-pad);
    }

.dv-cta-banner__inner{
      position:relative;
      overflow:hidden;
      padding:35px 36px 37px;
      border:1px solid rgba(173,184,198,.25);
      border-radius:var(--dv-radius-lg);
      background:
        radial-gradient(circle at 12% 0%,rgba(128,146,170,.19) 0%,rgba(128,146,170,0) 38%),
        linear-gradient(132deg,#0d1218 0%,#1a222d 48%,#10161d 100%);
      box-shadow:
        0 18px 36px rgba(17,21,28,.18),
        0 5px 11px rgba(17,21,28,.09),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.28);
      text-align:center;
      color:#fff;
    }

.dv-cta-banner__inner::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(110deg,rgba(255,255,255,.025),rgba(255,255,255,0) 42%,rgba(167,180,199,.045));
    }

.dv-cta-banner__inner > *{
      position:relative;
      z-index:1;
    }

.dv-cta-banner__inner h2{
      margin:0 0 10px;
      color:#f7f9fb;
      font-size:clamp(28px,3.4vw,34px);
      line-height:1.18;
      letter-spacing:-.4px;
    }

.dv-cta-banner__inner p{
      max-width:760px;
      margin:0 auto 24px;
      color:#bdc5cf;
      font-size:17px;
      line-height:1.48;
    }

.dv-cta-banner__button{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:252px;
      min-height:46px;
      padding:12px 24px;
      border:1px solid rgba(231,235,240,.38);
      border-radius:11px;
      background:linear-gradient(180deg,#7d8794 0%,#5d6774 46%,#444d59 100%);
      box-shadow:
        0 4px 0 rgba(9,12,16,.62),
        0 12px 24px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(0,0,0,.28);
      color:#ffffff;
      text-decoration:none;
      text-shadow:0 1px 0 rgba(0,0,0,.45);
      font-size:14px;
      font-weight:800;
      line-height:1;
    }

.dv-cta-banner__button:hover,
    .dv-cta-banner__button:focus-visible{
      border-color:rgba(242,245,248,.56);
      background:linear-gradient(180deg,#8994a1 0%,#687381 46%,#4b5562 100%);
      box-shadow:
        0 4px 0 rgba(9,12,16,.62),
        0 13px 26px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.32),
        inset 0 -1px 0 rgba(0,0,0,.28);
    }

.dv-cta-banner__button:focus-visible{
      outline:2px solid rgba(255,255,255,.9);
      outline-offset:3px;
    }

/* ================================================================
       BACK TO TOP
       ================================================================ */

.dv-back-top{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:50;
      width:58px;
      height:58px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:
        radial-gradient(circle at 34% 25%,#2a3340 0%,#171e27 44%,#0e131a 100%);
      box-shadow:
        0 16px 34px rgba(17,21,28,.26),
        0 4px 9px rgba(17,21,28,.12),
        inset 0 1px 0 rgba(255,255,255,.10);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      color:inherit;
      text-decoration:none;
      transition:opacity .28s ease, visibility .28s ease;
    }

.dv-back-top.is-visible{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }

.dv-back-top:hover,
    .dv-back-top:focus-visible{
      box-shadow:
        0 20px 38px rgba(17,21,28,.30),
        0 5px 10px rgba(17,21,28,.14),
        inset 0 1px 0 rgba(255,255,255,.12);
    }

.dv-back-top:focus-visible{
      outline:2px solid #fff;
      outline-offset:2px;
    }

/* ================================================================
       DESKTOP GEOMETRY
       ================================================================ */

@media (min-width:1101px){
.dv-hero-wrap{
        padding-top:34px;
        padding-inline:var(--dv-content-pad);
      }

.dv-hero:not(.dv-hero--long-title){
        --dv-hero-text-width:70%;
        --dv-hero-title-size:clamp(21px,calc(6.7cqw + 1px),65px);
      }

.dv-hero h1{
        text-wrap:balance;
      }

.dv-practical{
        width:calc(100% - (var(--dv-content-pad) * 2));
        margin-inline:var(--dv-content-pad);
      }

.dv-cta-banner{
        padding-inline:var(--dv-content-pad);
      }
}

/* ================================================================
       TABLET / INTERMEDIATE
       ================================================================ */

@media (max-width:1100px) and (min-width:761px){
.dv-hero-wrap{
        padding:var(--dv-frame-pad) var(--dv-frame-pad) 0;
      }

.dv-summary{
        padding-top:46px;
      }

.dv-practical{
        padding:34px;
      }
}

/* ================================================================
       MOBILE
       ================================================================ */

@media (max-width:760px){
.dv-hero-wrap{
        padding:var(--dv-frame-pad) var(--dv-frame-pad) 0;
      }

.dv-hero{
        display:flex;
        align-items:center;
        padding:0;
        background:#11151c;
      }

.dv-hero:not(.dv-hero--long-title){
        --dv-hero-text-width:64%;
        --dv-hero-title-size:clamp(20px,calc(6.7cqw + 4px),52px);
      }

.dv-hero__content{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
        min-width:0;
      }

.dv-hero h1{
        border-left-width:2px;
        padding-left:12px;
      }

.dv-hero__rule{
        width:36px;
        height:3px;
        margin-top:10px;
      }

/* Párrafos normales: tamaño móvil explícito, independiente de escritorio. */

.dv-section > p{
        font-size:18px;
      }

.dv-editorial-standard .dv-section p + p,
      .dv-editorial-standard .dv-section .wp-block-list > li + li{
        margin-block-start:.9rem;
      }

.dv-summary{
        padding-top:40px;
        padding-bottom:38px;
      }

.dv-summary__shell{
        padding-left:20px;
      }

.dv-summary__text{
        font-size:18px;
      }

.dv-promise-grid{
        grid-template-columns:1fr;
        gap:9px;
      }

.dv-promise{
        height:auto;
        padding:14px 15px;
      }

.dv-section{
        padding-top:40px;
        padding-bottom:44px;
      }

.dv-section-heading{
        gap:14px;
      }

.dv-section-number{
        flex-basis:42px;
        width:42px;
        height:42px;
      }

.dv-bullet-box{
        padding:25px 21px;
      }

.dv-practical{
        padding:30px 25px;
        grid-template-columns:1fr;
        gap:18px;
      }

.dv-practical__icon{
        width:57px;
        height:57px;
      }

.dv-cta-banner__inner{
        padding:28px 22px 30px;
        border-radius:19px;
      }

.dv-cta-banner__inner p{
        font-size:15px;
        margin-bottom:20px;
      }

.dv-cta-banner__button{
        min-width:100%;
      }

.dv-back-top{
        right:16px;
        bottom:16px;
        width:52px;
        height:52px;
      }

}

@media (max-width:420px){
.dv-pill{
        width:100%;
      }
}

/* ================================================================
       ACCESSIBILITY / REDUCED MOTION
       ================================================================ */

@media (prefers-reduced-motion:reduce){
.dv-promise,
      .dv-promise::before,
      .dv-promise__number,
      .dv-promise__content strong,
      .dv-back-top{
        transition:none !important;
        animation:none !important;
      }
}

/* Imagen editorial vertical centrada, sin alterar el hero. */

.dv-editorial-image--portrait figure{width:min(100%,560px);margin-inline:auto!important;}

.dv-editorial-image--portrait img{display:block;width:100%;height:auto;}

/* Reglas compartidas por los artículos de frases y la plantilla Artículos Visual. */
body:has(article.dvfrases-articulo),
.wp-site-blocks:has(article.dvfrases-articulo),
body:has(main.dv-articulos-visual),
.wp-site-blocks:has(main.dv-articulos-visual){background:#070c12}
.dv-template:has(article.dvfrases-articulo),
.dv-template:has(main.dv-articulos-visual){width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#070c12;box-shadow:none}
.dv-template:has(article.dvfrases-articulo) main,
.dv-template:has(article.dvfrases-articulo) .wp-block-post-content,
.dv-template:has(main.dv-articulos-visual) main,
.dv-template:has(main.dv-articulos-visual) .wp-block-post-content{width:100%;max-width:none;margin:0!important;padding:0!important}
.dv-template:has(article.dvfrases-articulo) .dv-cta-part,
.dv-template:has(main.dv-articulos-visual) .dv-cta-part{display:none}
article.dvfrases-articulo,
main.dv-articulos-visual{width:100%;max-width:none;margin:0;padding:0;overflow-x:clip;background:radial-gradient(ellipse 900px 620px at 50% 0,rgba(217,228,238,.12),transparent 72%),#070c12;color:#fff;color-scheme:dark;font-family:Montserrat,Arial,sans-serif;line-height:1.65}
article.dvfrases-articulo .dvfr-contenedor,
main.dv-articulos-visual .dvfr-contenedor{width:100%;max-width:none;margin:0;padding:0}
article.dvfrases-articulo .dvfr-cabecera,
main.dv-articulos-visual .dvfr-cabecera{max-width:760px;margin:0 auto;padding:78px 24px 0;text-align:center}
article.dvfrases-articulo .dvfr-etiqueta,
main.dv-articulos-visual .dvfr-etiqueta{display:inline-block;margin:0 0 24px;padding:6px 16px;border:1px solid rgba(217,228,238,.5);border-radius:100px;background:rgba(217,228,238,.05);color:#d9e4ee;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:2px;text-transform:uppercase}
article.dvfrases-articulo h1,
main.dv-articulos-visual h1{max-width:760px;margin:0 auto 22px;color:#fff;font-family:inherit;font-size:clamp(32px,4.6vw,54px);font-weight:800;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
article.dvfrases-articulo .dvfr-autor,
main.dv-articulos-visual .dvfr-autor{margin:0;color:#aebcca;font-size:14px}
article.dvfrases-articulo .dvfr-autor a,
main.dv-articulos-visual .dvfr-autor a{color:#d9e4ee;text-decoration:none}
article.dvfrases-articulo .dvfr-autor a:hover,
article.dvfrases-articulo .dvfr-autor a:focus-visible,
main.dv-articulos-visual .dvfr-autor a:hover,
main.dv-articulos-visual .dvfr-autor a:focus-visible{color:#fff;text-decoration-color:#fff}
article.dvfrases-articulo .dvfr-resumen,
main.dv-articulos-visual .dvfr-resumen{box-sizing:border-box;width:calc(100% - 48px);max-width:760px;margin:34px auto 28px;padding:26px 30px;border:1px solid rgba(217,228,238,.1);border-left:3px solid #91a7bd;border-radius:12px;background:linear-gradient(100deg,#192530,rgba(25,37,48,.6));box-shadow:none}
article.dvfrases-articulo .dvfr-resumen strong,
main.dv-articulos-visual .dvfr-resumen strong{margin:0 0 9px;color:#d9e4ee;font-size:11px;letter-spacing:1.8px}
article.dvfrases-articulo .dvfr-resumen p,
main.dv-articulos-visual .dvfr-resumen p{margin:0;color:#c2cdd7;font-size:16px;line-height:1.8}
article.dvfrases-articulo .dvfr-resumen p + p,
main.dv-articulos-visual .dvfr-resumen p + p{margin-top:19px}
article.dvfrases-articulo .dvfr-indice,
main.dv-articulos-visual .dvfr-indice{width:calc(100% - 48px);max-width:760px;margin:0 auto;padding:0 0 78px}
article.dvfrases-articulo .dvfr-indice-titulo,
main.dv-articulos-visual .dvfr-indice-titulo{margin:0 0 16px;color:#aebcca;font-size:13px}
article.dvfrases-articulo .dvfr-enlaces,
main.dv-articulos-visual .dvfr-enlaces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
article.dvfrases-articulo .dvfr-enlaces a,
main.dv-articulos-visual .dvfr-enlaces a{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:14px 18px;overflow:hidden;border:1px solid rgba(217,228,238,.3);border-radius:8px;background:linear-gradient(135deg,#d9e4ee,#91a7bd);color:#070c12;font-size:13px;font-weight:800;line-height:1.45;letter-spacing:.01em;text-decoration:none;box-shadow:0 8px 24px rgba(217,228,238,.1);isolation:isolate;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}
article.dvfrases-articulo .dvfr-enlaces a::before,
main.dv-articulos-visual .dvfr-enlaces a::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s ease}
article.dvfrases-articulo .dvfr-enlaces a:hover::before,
article.dvfrases-articulo .dvfr-enlaces a:focus-visible::before,
main.dv-articulos-visual .dvfr-enlaces a:hover::before,
main.dv-articulos-visual .dvfr-enlaces a:focus-visible::before{opacity:1}
article.dvfrases-articulo .dvfr-enlaces a::after,
article.dvfrases-articulo .dvfr-curso-boton::after,
main.dv-articulos-visual .dvfr-enlaces a::after,
main.dv-articulos-visual .dvfr-curso-boton::after{content:"";position:absolute;inset:-35% auto -35% 0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transform:translateX(-260%) skewX(-22deg);pointer-events:none;z-index:1;animation:dvfr-destello 6s ease-in-out infinite}
@keyframes dvfr-destello{0%,62%{transform:translateX(-260%) skewX(-22deg)}82%,100%{transform:translateX(450%) skewX(-22deg)}}
article.dvfrases-articulo .dvfr-enlaces a:nth-child(2)::after,
main.dv-articulos-visual .dvfr-enlaces a:nth-child(2)::after{animation-delay:.45s}
article.dvfrases-articulo .dvfr-enlaces a:nth-child(3)::after,
main.dv-articulos-visual .dvfr-enlaces a:nth-child(3)::after{animation-delay:.9s}
article.dvfrases-articulo .dvfr-enlaces a:nth-child(4)::after,
main.dv-articulos-visual .dvfr-enlaces a:nth-child(4)::after{animation-delay:1.35s}
article.dvfrases-articulo .dvfr-curso-boton::after,
main.dv-articulos-visual .dvfr-curso-boton::after{animation-delay:.6s}
article.dvfrases-articulo .dvfr-enlaces a:hover,
article.dvfrases-articulo .dvfr-enlaces a:focus-visible,
main.dv-articulos-visual .dvfr-enlaces a:hover,
main.dv-articulos-visual .dvfr-enlaces a:focus-visible{transform:translateY(-3px) scale(1.02);border-color:#fff;color:#070c12;box-shadow:0 12px 32px rgba(217,228,238,.25)}
article.dvfrases-articulo .dvfr-seccion,
main.dv-articulos-visual .dvfr-seccion{width:100%;max-width:none;margin:0;padding:100px 24px;background:#070c12;scroll-margin-top:24px}
article.dvfrases-articulo .dvfr-seccion:nth-of-type(odd),
main.dv-articulos-visual .dvfr-seccion:nth-of-type(odd){background:#101923;border-block:1px solid rgba(255,255,255,.055)}
article.dvfrases-articulo .dvfr-seccion-encabezado,
main.dv-articulos-visual .dvfr-seccion-encabezado{max-width:780px;margin:0 auto 52px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center}
article.dvfrases-articulo .dvfr-seccion-encabezado::before,
main.dv-articulos-visual .dvfr-seccion-encabezado::before{display:none}
article.dvfrases-articulo h2,
main.dv-articulos-visual h2{max-width:780px;margin:0 auto 18px;color:#fff;font-family:inherit;font-size:clamp(28px,3.6vw,38px);font-weight:800;line-height:1.22;letter-spacing:-.02em;text-wrap:balance}
article.dvfrases-articulo .dvfr-seccion-encabezado p,
main.dv-articulos-visual .dvfr-seccion-encabezado p{max-width:650px;margin:0 auto;color:#aebcca;font-size:16px;line-height:1.8}
article.dvfrases-articulo .dvfr-grid,
main.dv-articulos-visual .dvfr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;width:100%;max-width:760px;margin:0 auto}
article.dvfrases-articulo .dvfr-imagen,
main.dv-articulos-visual .dvfr-imagen{min-width:0;margin:0;border:1px solid rgba(217,228,238,.12);border-radius:16px;overflow:hidden;background:#192530;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:filter 1s ease,translate .45s cubic-bezier(.25,.8,.25,1),border-color .45s ease,box-shadow .45s ease}
article.dvfrases-articulo .dvfr-imagen:last-child:nth-child(odd),
main.dv-articulos-visual .dvfr-imagen:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 30px)/2);justify-self:center}
article.dvfrases-articulo .dvfr-imagen img,
main.dv-articulos-visual .dvfr-imagen img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;margin:0;opacity:1;transition:transform .6s ease}
article.dvfrases-articulo .dvfr-imagen figcaption,
main.dv-articulos-visual .dvfr-imagen figcaption{position:relative;z-index:1;display:flex;align-items:center;padding:22px 24px 25px;border-top:1px solid rgba(255,255,255,.08);background:#192530}
article.dvfrases-articulo .dvfr-imagen figcaption p,
main.dv-articulos-visual .dvfr-imagen figcaption p{margin:0;color:#c2cdd7;font-size:15px;font-weight:400;line-height:1.75}
article.dvfrases-articulo .dvfr-final,
main.dv-articulos-visual .dvfr-final{width:100%;max-width:none;margin:0;padding:56px 22px 80px;border-top:1px solid rgba(255,255,255,.07);background:#0b0d10;text-align:center}
article.dvfrases-articulo .dvfr-final>p,
main.dv-articulos-visual .dvfr-final>p{max-width:750px;margin:0 auto;color:#bbc8d3;font-size:18px;line-height:1.8}
article.dvfrases-articulo .dvfr-curso-cta,
main.dv-articulos-visual .dvfr-curso-cta{position:relative;isolation:isolate;box-sizing:border-box;width:min(100%,760px);margin:52px auto 0;padding:52px 40px 54px;border:1px solid rgba(229,234,240,.13);border-radius:20px;background:radial-gradient(ellipse at 48% 28%,rgba(203,214,224,.07),transparent 75%),linear-gradient(110deg,#15181c 0%,#0a0c0e 100%);box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);text-align:center}
article.dvfrases-articulo .dvfr-curso-cta .dvfr-curso-titulo,
main.dv-articulos-visual .dvfr-curso-cta .dvfr-curso-titulo{margin:0 auto 15px;max-width:680px;color:#fff;font-family:inherit;font-size:clamp(25px,3vw,32px);font-weight:800;line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
article.dvfrases-articulo .dvfr-curso-cta .dvfr-curso-subtitulo,
main.dv-articulos-visual .dvfr-curso-cta .dvfr-curso-subtitulo{max-width:640px;margin:0 auto 32px;color:#adbac9;font-size:16.5px;font-weight:400;line-height:1.7;text-wrap:balance}
article.dvfrases-articulo .dvfr-curso-boton,
main.dv-articulos-visual .dvfr-curso-boton{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:min(100%,450px);min-height:72px;padding:16px 30px;border:1px solid #e6ebef;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.02) 50%,rgba(65,81,94,.14) 100%),linear-gradient(110deg,#b9c4cd 0%,#f2f4f6 21%,#d4dce1 45%,#b2bec8 71%,#edf1f3 100%);color:#111820;text-decoration:none;text-align:center;font-family:inherit;font-size:15px;font-weight:800;line-height:1.3;letter-spacing:.07em;box-shadow:0 11px 30px rgba(176,190,201,.15),inset 0 1px rgba(255,255,255,.8),inset 0 -2px rgba(81,96,110,.15);transition:transform .35s cubic-bezier(.25,.8,.25,1),filter .35s ease,box-shadow .35s ease}
article.dvfrases-articulo .dvfr-curso-boton:hover,
article.dvfrases-articulo .dvfr-curso-boton:focus-visible,
main.dv-articulos-visual .dvfr-curso-boton:hover,
main.dv-articulos-visual .dvfr-curso-boton:focus-visible{transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 14px 37px rgba(205,215,224,.26),inset 0 1px rgba(255,255,255,.9)}
@media(max-width:760px){article.dvfrases-articulo .dvfr-curso-cta,
main.dv-articulos-visual .dvfr-curso-cta{margin-top:34px;padding:35px 20px 38px;border-radius:18px}article.dvfrases-articulo .dvfr-curso-cta .dvfr-curso-titulo,
main.dv-articulos-visual .dvfr-curso-cta .dvfr-curso-titulo{font-size:clamp(23px,6vw,28px)}article.dvfrases-articulo .dvfr-curso-cta .dvfr-curso-subtitulo,
main.dv-articulos-visual .dvfr-curso-cta .dvfr-curso-subtitulo{margin-bottom:28px;font-size:15px}article.dvfrases-articulo .dvfr-curso-boton,
main.dv-articulos-visual .dvfr-curso-boton{width:100%;max-width:390px;min-height:62px;font-size:14px}}
@media(prefers-reduced-motion:reduce){article.dvfrases-articulo .dvfr-curso-boton,
main.dv-articulos-visual .dvfr-curso-boton{transition:none!important;transform:none!important}}
article.dvfrases-articulo .dvfr-cabecera,
article.dvfrases-articulo .dvfr-resumen,
article.dvfrases-articulo .dvfr-indice,
main.dv-articulos-visual .dvfr-cabecera,
main.dv-articulos-visual .dvfr-resumen,
main.dv-articulos-visual .dvfr-indice{animation:dvfr-aparicion .8s cubic-bezier(.22,.68,0,1) both}
article.dvfrases-articulo .dvfr-resumen,
main.dv-articulos-visual .dvfr-resumen{animation-delay:.1s}
article.dvfrases-articulo .dvfr-indice,
main.dv-articulos-visual .dvfr-indice{animation-delay:.2s}
article.dvfrases-articulo .dvfr-animable.dvfr-visible,
main.dv-articulos-visual .dvfr-animable.dvfr-visible{animation-duration:.8s}
article.dvfrases-articulo :is(a,button):focus-visible,
main.dv-articulos-visual :is(a,button):focus-visible{outline:2px solid #d9e4ee;outline-offset:5px}
@media(hover:hover) and (pointer:fine) and (min-width:900px){article.dvfrases-articulo .dvfr-imagen:hover,
main.dv-articulos-visual .dvfr-imagen:hover{translate:0 -5px;border-color:#91a7bd;box-shadow:0 18px 42px rgba(0,0,0,.4)}article.dvfrases-articulo .dvfr-imagen:hover img,
main.dv-articulos-visual .dvfr-imagen:hover img{transform:scale(1.08)}article.dvfrases-articulo .dvfr-grid:has(>.dvfr-imagen:hover)>.dvfr-imagen:not(:hover),
main.dv-articulos-visual .dvfr-grid:has(>.dvfr-imagen:hover)>.dvfr-imagen:not(:hover){filter:opacity(.45)}}
@media(max-width:900px){article.dvfrases-articulo .dvfr-enlaces,
main.dv-articulos-visual .dvfr-enlaces{grid-template-columns:repeat(2,minmax(0,1fr))}article.dvfrases-articulo .dvfr-seccion,
main.dv-articulos-visual .dvfr-seccion{padding-block:76px}article.dvfrases-articulo .dvfr-seccion-encabezado,
main.dv-articulos-visual .dvfr-seccion-encabezado{margin-bottom:38px}}
@media(max-width:760px){article.dvfrases-articulo .dvfr-cabecera,
main.dv-articulos-visual .dvfr-cabecera{padding:52px 22px 0}article.dvfrases-articulo .dvfr-resumen,
main.dv-articulos-visual .dvfr-resumen{width:calc(100% - 40px);margin:26px auto 24px;padding:22px}article.dvfrases-articulo .dvfr-resumen p,
main.dv-articulos-visual .dvfr-resumen p{font-size:15px}article.dvfrases-articulo .dvfr-indice,
main.dv-articulos-visual .dvfr-indice{width:calc(100% - 40px);padding-bottom:54px}article.dvfrases-articulo .dvfr-enlaces,
main.dv-articulos-visual .dvfr-enlaces{gap:12px}article.dvfrases-articulo .dvfr-enlaces a,
main.dv-articulos-visual .dvfr-enlaces a{min-height:70px;padding:13px 12px;font-size:13px}article.dvfrases-articulo .dvfr-seccion,
main.dv-articulos-visual .dvfr-seccion{padding:64px 20px}article.dvfrases-articulo .dvfr-seccion-encabezado,
main.dv-articulos-visual .dvfr-seccion-encabezado{padding:0;margin-bottom:34px}article.dvfrases-articulo .dvfr-seccion-encabezado p,
main.dv-articulos-visual .dvfr-seccion-encabezado p{font-size:15px}article.dvfrases-articulo .dvfr-grid,
main.dv-articulos-visual .dvfr-grid{grid-template-columns:minmax(0,1fr);gap:24px;max-width:560px}article.dvfrases-articulo .dvfr-imagen:last-child:nth-child(odd),
main.dv-articulos-visual .dvfr-imagen:last-child:nth-child(odd){width:100%;grid-column:auto}article.dvfrases-articulo .dvfr-imagen figcaption,
main.dv-articulos-visual .dvfr-imagen figcaption{padding:18px 20px 22px}article.dvfrases-articulo .dvfr-imagen figcaption p,
main.dv-articulos-visual .dvfr-imagen figcaption p{font-size:14px}article.dvfrases-articulo .dvfr-final,
main.dv-articulos-visual .dvfr-final{padding:40px 24px 50px}article.dvfrases-articulo .dvfr-final p,
main.dv-articulos-visual .dvfr-final p{font-size:16px}}
@media(prefers-reduced-motion:reduce){article.dvfrases-articulo .dvfr-cabecera,
article.dvfrases-articulo .dvfr-resumen,
article.dvfrases-articulo .dvfr-indice,
article.dvfrases-articulo .dvfr-animable,
main.dv-articulos-visual .dvfr-cabecera,
main.dv-articulos-visual .dvfr-resumen,
main.dv-articulos-visual .dvfr-indice,
main.dv-articulos-visual .dvfr-animable{animation:none!important;opacity:1!important;transform:none!important}article.dvfrases-articulo .dvfr-imagen,
article.dvfrases-articulo .dvfr-imagen img,
article.dvfrases-articulo .dvfr-enlaces a,
main.dv-articulos-visual .dvfr-imagen,
main.dv-articulos-visual .dvfr-imagen img,
main.dv-articulos-visual .dvfr-enlaces a{transition:none!important;translate:none!important;transform:none!important}article.dvfrases-articulo .dvfr-grid:has(>.dvfr-imagen:hover)>.dvfr-imagen:not(:hover),
main.dv-articulos-visual .dvfr-grid:has(>.dvfr-imagen:hover)>.dvfr-imagen:not(:hover){filter:none!important}article.dvfrases-articulo .dvfr-enlaces a::before,
main.dv-articulos-visual .dvfr-enlaces a::before{transition:none!important}article.dvfrases-articulo .dvfr-enlaces a::after,
article.dvfrases-articulo .dvfr-curso-boton::after,
main.dv-articulos-visual .dvfr-enlaces a::after,
main.dv-articulos-visual .dvfr-curso-boton::after{display:none!important}}

/* Descarga individual de las imágenes de las frases. */
article.dvfrases-articulo .dvfr-descargar,
main.dv-articulos-visual .dvfr-descargar{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:calc(100% - 40px);min-height:44px;margin:0 auto 22px;padding:8px 20px;border:1px solid rgba(217,228,238,.3);border-radius:8px;background:linear-gradient(135deg,#d9e4ee,#91a7bd);color:#070c12;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;box-shadow:0 4px 12px rgba(217,228,238,.06);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease,border-color .5s ease}
article.dvfrases-articulo .dvfr-descargar::before,
main.dv-articulos-visual .dvfr-descargar::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s ease}
article.dvfrases-articulo .dvfr-descargar::after,
main.dv-articulos-visual .dvfr-descargar::after{content:"";position:absolute;inset:-35% auto -35% 0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transform:translateX(-260%) skewX(-22deg);pointer-events:none;z-index:1;animation:dvfr-destello 6s ease-in-out infinite}
article.dvfrases-articulo .dvfr-descargar:hover::before,
article.dvfrases-articulo .dvfr-descargar:focus-visible::before,
main.dv-articulos-visual .dvfr-descargar:hover::before,
main.dv-articulos-visual .dvfr-descargar:focus-visible::before{opacity:1}
article.dvfrases-articulo .dvfr-descargar:hover,
article.dvfrases-articulo .dvfr-descargar:focus-visible,
main.dv-articulos-visual .dvfr-descargar:hover,
main.dv-articulos-visual .dvfr-descargar:focus-visible{transform:translateY(-2px);border-color:#fff;color:#070c12;box-shadow:0 8px 20px rgba(217,228,238,.16)}
@media(prefers-reduced-motion:reduce){article.dvfrases-articulo .dvfr-descargar,
article.dvfrases-articulo .dvfr-descargar::before,
main.dv-articulos-visual .dvfr-descargar,
main.dv-articulos-visual .dvfr-descargar::before{transition:none;transform:none}article.dvfrases-articulo .dvfr-descargar::after,
main.dv-articulos-visual .dvfr-descargar::after{display:none}}

/* Ajustes específicos de la plantilla Artículos Visual. */
/* ARTÍCULOS VISUAL — diseño compartido para entradas y páginas.
   Cada contenido puede usar <article class="dvav-articulo dvav-pagina-unica">.
   El nombre dvav-pagina-unica se cambia por una clase propia de esa página.
   Para una variación local, limitar sus reglas a main.dv-articulos-visual .dvav-pagina-unica.
   Esta plantilla define la base común; textos, imágenes, enlaces y cantidad de secciones van en cada contenido.
   Estructura disponible: .dvfr-contenedor, cabecera, resumen, índice, secciones e imágenes, cierre/CTA.
   El H1 de cada contenido puede usar .dvav-nucleo (blanco) y .dvav-complemento (plata).
   Las clases dvfr-* se mantienen como contrato visual; su nombre no obliga a usar frases. */

main.dv-articulos-visual :is(article.dvav-articulo,article.dvfrases-articulo){box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;background:transparent;color:inherit;font-family:inherit;overflow-x:clip}

/* Descarga individual de las imágenes de las frases. */

/* Tipos de título y alto regular de epígrafes. */
main.dv-articulos-visual .dvfr-imagen figcaption{box-sizing:border-box;min-height:152px}
@media(max-width:760px){main.dv-articulos-visual .dvfr-imagen figcaption{min-height:138px}}
/* Entrada de cada sección una sola vez; el JavaScript global activa estas clases. */

main.dv-articulos-visual .dvfr-animable.dvfr-antes{opacity:0}
main.dv-articulos-visual .dvfr-animable.dvfr-visible{animation:dvfr-aparicion .8s cubic-bezier(.22,.68,0,1) both}
@media(prefers-reduced-motion:reduce){main.dv-articulos-visual .dvfr-animable.dvfr-antes{opacity:1}}

/* Componentes compartidos: templates/page-blog.html */
.dv-blog-listado{width:min(100%,760px);padding:clamp(24px,4vw,48px);min-height:100vh}
.dv-blog-listado .dv-site-posts-title{margin:0 0 12px;font-size:clamp(30px,4vw,40px);line-height:1.2;color:#3e4756}
.dv-blog-listado .dv-blog-intro{max-width:720px;margin:0 0 38px;color:#3e4756;font-size:16px;line-height:1.65}
.dv-blog-listado .wp-block-post-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.dv-blog-listado .wp-block-post-template>li{min-width:0;margin:0}
.dv-blog-listado .dv-blog-card{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;padding:22px;border:1px solid #e4e9ee;border-radius:14px;background:#fff}
.dv-blog-listado .dv-blog-card .wp-block-post-featured-image{margin:-22px -22px 5px;overflow:hidden;border-radius:14px 14px 0 0}
.dv-blog-listado .dv-blog-card .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.dv-blog-listado .dv-blog-card .dv-blog-category{box-sizing:border-box;align-self:flex-start;max-width:100%;margin:0;padding:5px 12px;border:1px solid #d7e0e9;border-radius:999px;background:#f0f4f7;color:#435166;font-size:12px;font-weight:700;line-height:1.5}
.dv-blog-listado .dv-blog-card .dv-blog-category a{color:inherit;text-decoration:none}
.dv-blog-listado .dv-blog-card .dv-blog-category a:hover{text-decoration:underline;text-underline-offset:2px}
.dv-blog-listado .dv-blog-card .dv-blog-category a:focus-visible{outline:2px solid #435166;outline-offset:3px;border-radius:2px}
.dv-blog-listado .dv-blog-card .wp-block-post-title{margin:0;color:#1b212b;font-size:clamp(19px,2vw,23px);line-height:1.3}
.dv-blog-listado .dv-blog-card .wp-block-post-title a{color:inherit;text-decoration:none}
.dv-blog-listado .dv-blog-card .wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:3px}
.dv-blog-listado .dv-blog-card .wp-block-post-excerpt{margin:0;color:#3e4756;font-size:15px;line-height:1.65}
.dv-blog-listado .dv-blog-card .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0}
.dv-blog-listado .dv-blog-card .wp-block-read-more{display:inline-block;align-self:flex-start;margin-top:auto;color:#1b212b;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dv-blog-listado .wp-block-query-pagination{margin-top:30px}
.dv-blog-listado .dv-blog-sin-articulos{padding:20px 24px;border:1px solid #e4e9ee;border-radius:12px;background:#f7f9fb;color:#3e4756}
@media(max-width:700px){.dv-blog-listado .wp-block-post-template{grid-template-columns:minmax(0,1fr);gap:18px}.dv-blog-listado .dv-blog-intro{margin-bottom:26px}}



/* Resumen visual del color: estilos compartidos del tema. */
#dv-color-tldr.dv-color-visual{box-sizing:border-box;width:calc(100% - 40px);max-width:760px;margin:40px auto 32px;padding:38px 40px 24px;background:#111c25;border:1px solid #354654;border-left:3px solid #91a7bd;border-radius:22px;color:#c4cdd4;font-size:20px;line-height:1.75}
#dv-color-tldr.dv-color-visual *{box-sizing:border-box;font-family:inherit}
#dv-color-tldr.dv-color-visual p{font-size:20px!important;line-height:1.75!important;text-transform:none!important;letter-spacing:normal!important;color:inherit;margin:0;font-weight:400}
#dv-color-tldr.dv-color-visual .dv-color-strip{display:flex;height:8px;overflow:hidden;border-radius:20px;margin:0 0 28px}
#dv-color-tldr.dv-color-visual .dv-color-strip span{flex:1}
#dv-color-tldr.dv-color-visual .dv-color-strip span:nth-child(1){background:#c65d44}
#dv-color-tldr.dv-color-visual .dv-color-strip span:nth-child(2){background:#e7aa49}
#dv-color-tldr.dv-color-visual .dv-color-strip span:nth-child(3){background:#91a2b5}
#dv-color-tldr.dv-color-visual .dv-color-strip span:nth-child(4){background:#639c99}
#dv-color-tldr.dv-color-visual .dv-color-strip span:nth-child(5){background:#6c7f96}
#dv-color-tldr.dv-color-visual .dv-color-hook{font-size:20px!important;font-weight:400!important;line-height:1.75!important;color:inherit!important;margin:0 0 18px!important}
#dv-color-tldr.dv-color-visual .dv-color-points{display:grid;grid-template-columns:1fr;gap:16px;list-style:none!important;padding:22px 0 0!important;margin:0 0 28px!important;border-top:1px solid #354654}
#dv-color-tldr.dv-color-visual .dv-color-points li{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:14px;align-items:start;list-style:none!important;min-width:0;margin:0!important;padding:0!important;border:0}
#dv-color-tldr.dv-color-visual .dv-color-points li::before{display:none!important}
#dv-color-tldr.dv-color-visual .dv-color-title{display:inline;font-size:inherit!important;font-weight:600!important;line-height:inherit!important;color:#eef2f5!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important}
#dv-color-tldr.dv-color-visual .dv-color-dot{display:block;width:10px;height:10px;margin-top:12px;border-radius:50%;background:#dc7652}
#dv-color-tldr.dv-color-visual li:nth-child(2) .dv-color-dot{background:#719dbc}
#dv-color-tldr.dv-color-visual li:nth-child(3) .dv-color-dot{background:#929ca6}
#dv-color-tldr.dv-color-visual .dv-color-takeaway{margin:0!important;padding:22px 24px!important;background:#1a2631;border-left:2px solid #91a7bd;border-radius:16px;font-weight:600!important}
@media(max-width:680px){#dv-color-tldr.dv-color-visual{width:calc(100% - 32px);padding:24px;border-radius:16px}#dv-color-tldr.dv-color-visual p{font-size:16px!important}#dv-color-tldr.dv-color-visual .dv-color-hook{font-size:16px!important}#dv-color-tldr.dv-color-visual .dv-color-points{grid-template-columns:1fr;gap:18px}#dv-color-tldr.dv-color-visual .dv-color-title{font-size:inherit!important}#dv-color-tldr.dv-color-visual .dv-color-dot{margin-top:9px}#dv-color-tldr.dv-color-visual .dv-color-takeaway{padding:18px!important}}


/* Formatos compartidos de artículos: sustituyen estilos repetidos en el contenido. */
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-title-primary{color:#ffffff}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-title-secondary{color:#91a7bd}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-image-format{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;min-height:0!important;overflow:hidden!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-image-portrait-format{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;object-position:center!important;float:none!important;flex:none!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-caption-format{display:block!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;float:none!important;columns:1!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-content-format{display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;white-space:normal!important;font-size:15px!important;line-height:1.75!important;margin:0 0 18px!important;color:#ffffff!important;font-weight:800!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format{display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;white-space:normal!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-download-format{position:relative!important;display:flex!important;flex:none!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin:18px auto 24px!important;float:none!important;clear:both!important;transform:none!important;overflow:hidden!important;z-index:0!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-aacf70{margin:0 auto 26px;color:#fff;font-size:29px;font-weight:800;line-height:1.25}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-1ad902{display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;white-space:normal!important;margin:0!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-image-format-7cfcd2{display:block!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-caption-format-2c23bf{display:block!important;width:100%!important;max-width:100%!important;float:none!important;columns:1!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-7b4bbc{margin:0;display:block!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;white-space:normal!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-space-before-sm{margin-top:14px}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-image-format-fa3bca{display:block;height:auto;min-height:0;aspect-ratio:auto;overflow:hidden}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-image-portrait-format-508ff7{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px 12px 0 0}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-caption-format-43f050{display:block;width:100%}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-e72ab9{display:block;width:100%;margin:0 0 12px;color:#ffffff!important;font-weight:800!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-9d1d38{display:block;width:100%;margin:0}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-text-emphasis{color:#ffffff!important;font-weight:800!important}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-content-format-9a2aa6{grid-template-columns:repeat(2,minmax(0,1fr));max-width:550px;margin:0 auto}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-space-before-lg{margin-top:56px}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-da9eca{margin:0 auto 16px;color:#fff;font-size:34px;font-weight:800;line-height:1.22;letter-spacing:-.02em}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-caption-format-bd8afd{padding:30px 26px 38px}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-content-format-509a79{display:flex;flex-direction:column;gap:16px;width:100%}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-download-format-d8731e{margin:8px auto 0}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-content-format-7083de{width:min(100%,760px);margin:52px auto 0;padding:18px 22px;border-left:3px solid #91a7bd;border-radius:10px;background:#121b25;text-align:left}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-emphasis-format{display:block;margin:0 0 6px;color:#e2eaf0;font-size:13px;line-height:1.5}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-paragraph-format-1e4b44{margin:0;color:#b8c6d1;font-size:13px;line-height:1.7}
:root :is(article.dvfrases-articulo,main.dv-articulos-visual) .dv-content-format-a0925a{margin-top:0}