/* Víctor SEO WEB Widgets 2.0 · vs2-articulo.css · generado por tools/css2.py a partir de web/assets/css/site.css. No editar a mano. */

.vs2 .vs-hero--post .vs-hero__text{max-width: 820px;}
.vs2 .vs-hero--post .vs-hero__h1{max-width: 18ch; font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4rem);}
.vs2 .vs-byline{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 28px 0 0; font-size: .9375rem; color: #AEB6C7;}
.vs2 .vs-byline img{width: 44px; height: 44px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--vs-brand-lit);}
.vs2 .vs-byline a{color: #fff; font-weight: 600; text-decoration: none;}
.vs2 .vs-byline a:hover{text-decoration: underline; text-underline-offset: .2em;}
.vs2 .vs-byline__who{display: inline-flex; align-items: center; gap: 12px;}
.vs2 .vs-byline__sep{width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .6;}
.vs2 .vs-postgrid{display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(40px, 6vw, 96px); align-items: start;}
.vs2 .vs-article{max-width: 720px; font-size: 1.125rem; line-height: 1.75; color: #2A3447;}
.vs2 .vs-article > :first-child{margin-top: 0;}
.vs2 .vs-article p, .vs2-tipo-texto.vs2-tipo-texto p{margin: 0 0 22px;}
.vs2 .vs-article .vs-article__lead, .vs2-tipo-texto.vs2-tipo-texto .vs-article__lead{font-size: clamp(1.1875rem, 1.1rem + .35vw, 1.375rem); line-height: 1.6; color: var(--vs-ink);}
.vs2 .vs-article h2, .vs2-tipo-texto.vs2-tipo-texto h2{margin: 56px 0 18px; font-size: clamp(1.625rem, 1.3rem + 1.1vw, 2.125rem); line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: var(--vs-ink); scroll-margin-top: calc(var(--vs-header) + 24px);}
.vs2 .vs-article h3, .vs2-tipo-texto.vs2-tipo-texto h3{margin: 32px 0 10px; font-size: 1.25rem; line-height: 1.35; font-weight: 600; color: var(--vs-ink);}
.vs2 .vs-article ul, .vs2-tipo-texto.vs2-tipo-texto ul, .vs2 .vs-article ol, .vs2-tipo-texto.vs2-tipo-texto ol{margin: 0 0 24px; padding: 0; list-style: none; display: grid; gap: 12px;}
.vs2 .vs-article ul li, .vs2-tipo-texto.vs2-tipo-texto ul li{position: relative; padding-left: 28px;}
.vs2 .vs-article ul li::before, .vs2-tipo-texto.vs2-tipo-texto ul li::before{content: ""; position: absolute; left: 4px; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: var(--vs-brand);}
.vs2 .vs-article ol, .vs2-tipo-texto.vs2-tipo-texto ol{counter-reset: li;}
.vs2 .vs-article ol li, .vs2-tipo-texto.vs2-tipo-texto ol li{position: relative; padding-left: 44px; counter-increment: li;}
.vs2 .vs-article ol li::before, .vs2-tipo-texto.vs2-tipo-texto ol li::before{content: counter(li); position: absolute; left: 0; top: .15em; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--vs-brand-soft); color: var(--vs-brand); font-size: .875rem; font-weight: 700;}
.vs2 .vs-article strong, .vs2-tipo-texto.vs2-tipo-texto strong{color: var(--vs-ink); font-weight: 600;}
.vs2 .vs-article a, .vs2-tipo-texto.vs2-tipo-texto a{color: var(--vs-brand); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;}
.vs2 .vs-article .vs-faq__list, .vs2-tipo-texto.vs2-tipo-texto .vs-faq__list{margin-top: 8px;}
.vs2 .vs-article .vs-qa h3, .vs2-tipo-texto.vs2-tipo-texto .vs-qa h3{margin: 0; font-size: 1.0625rem;}
.vs2 .vs-article .vs-qa__a p, .vs2-tipo-texto.vs2-tipo-texto .vs-qa__a p{margin: 0; font-size: 1rem;}
.vs2 .vs-authorbox{display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 4px 20px; align-items: center; margin: 56px 0 0; padding: 24px; border-radius: var(--vs-r); background: var(--vs-soft);}
.vs2 .vs-authorbox img{grid-row: 1 / span 2; width: 72px; height: 72px; border-radius: 50%; object-fit: cover;}
.vs2 .vs-authorbox p{margin: 0 !important; font-size: 1rem !important; line-height: 1.55;}
.vs2 .vs-authorbox .vs-authorbox__name{font-size: 1.0625rem !important; font-weight: 600; color: var(--vs-ink);}
.vs2 .vs-postcta{margin: 32px 0 0; padding: clamp(24px, 3vw, 32px); border-radius: var(--vs-r-lg); background: var(--vs-ink); color: #fff;}
.vs2 .vs-postcta p{margin: 0 0 18px; color: #D5DAE4;}
.vs2 .vs-postcta .vs-postcta__title{margin: 0 0 6px; font-size: 1.5rem; line-height: 1.25; font-weight: 600; letter-spacing: -.015em; color: #fff;}
.vs2 .vs-postside{position: sticky; top: calc(var(--vs-header) + 32px); display: grid; gap: 20px;}
.vs2 .vs-toc{padding: 22px 24px; border: 1px solid var(--vs-line); border-radius: var(--vs-r); background: #fff;}
.vs2 .vs-toc__title{margin: 0 0 12px; font-size: .875rem; font-weight: 600; color: var(--vs-slate);}
.vs2 .vs-toc ol{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: toc;}
.vs2 .vs-toc li{counter-increment: toc;}
.vs2 .vs-toc a{display: grid; grid-template-columns: 22px 1fr; gap: 6px; padding: 6px 8px; margin: 0 -8px; border-radius: 6px; font-size: .9375rem; line-height: 1.4; color: var(--vs-ink); text-decoration: none;}
.vs2 .vs-toc a::before{content: counter(toc, decimal-leading-zero); font-size: .75rem; font-weight: 600; color: var(--vs-slate); padding-top: 2px;}
.vs2 .vs-toc a:hover{background: var(--vs-soft); color: var(--vs-brand);}
.vs2 .vs-toc a.is-active{background: var(--vs-brand-soft); color: var(--vs-brand);}
.vs2 .vs-toc a.is-active::before{color: var(--vs-brand);}
.vs2 .vs-sidecta{padding: 22px 24px; border-radius: var(--vs-r); background: var(--vs-ink); color: #fff;}
.vs2 .vs-sidecta p{margin: 0 0 16px; font-size: .9375rem; color: #D5DAE4;}
.vs2 .vs-sidecta .vs-sidecta__title{margin: 0 0 6px; font-size: 1.125rem; font-weight: 600; color: #fff;}
.vs2 .vs-sidecta .vs-btn{width: 100%;}
.vs2 .vs-sidecta .vs-btn + .vs-btn{margin-top: 10px;}
.vs2 .vs-toc-mobile{display: none;}
.vs2 .vs-readbar{position: fixed; left: 0; top: 0; z-index: 60; height: 3px; width: 100%; background: var(--vs-brand); transform-origin: left; transform: scaleX(var(--read, 0)); pointer-events: none;}
@media (max-width: 1023px){.vs2 .vs-postgrid{grid-template-columns: 1fr;}.vs2 .vs-postside{display: none;}.vs2 .vs-toc-mobile{display: block; margin: 0 0 40px; border: 1px solid var(--vs-line); border-radius: var(--vs-r); background: #fff;}.vs2 .vs-toc-mobile summary{display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; font-weight: 600; cursor: pointer; list-style: none;}.vs2 .vs-toc-mobile summary::-webkit-details-marker{display: none;}.vs2 .vs-toc-mobile .vs-toc{border: 0; padding: 0 20px 16px;}.vs2 .vs-toc-mobile[open] .vs-chev{transform: rotate(180deg);}}
@media (max-width: 639px){.vs2 .vs-article{font-size: 1.0625rem;}.vs2 .vs-authorbox{grid-template-columns: 56px minmax(0, 1fr); padding: 20px;}.vs2 .vs-authorbox img{width: 56px; height: 56px;}}
.vs2 .vs-article a.vs-btn, .vs2-tipo-texto.vs2-tipo-texto a.vs-btn{text-decoration: none;}
.vs2 .vs-article a.vs-btn--light, .vs2-tipo-texto.vs2-tipo-texto a.vs-btn--light{color: var(--vs-ink);}
.vs2 .vs-article a.vs-btn--outline-light, .vs2-tipo-texto.vs2-tipo-texto a.vs-btn--outline-light{color: #fff;}
.vs2 .vs-byline img{box-shadow: 0 0 0 3px var(--vs-ink), 0 0 0 5px var(--vs-brand);}
.vs2 .vs-authorbox img{box-shadow: 0 0 0 3px var(--vs-soft), 0 0 0 6px var(--vs-brand);}
.vs2 .vs-article__cover{margin: 0 0 40px; overflow: hidden; border-radius: var(--vs-r-lg); box-shadow: 0 30px 60px -40px rgba(14, 27, 51, .5), 0 0 0 1px var(--vs-line);}
.vs2 .vs-article__cover img{display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;}
.vs2 .vs-legal-date{margin: 18px 0 0; font-size: .9375rem; color: #AEB6C7;}
.vs2 .vs-legal-date time{color: #fff; font-weight: 500;}
.vs2 .vs-article--legal h2, .vs2-legal.vs2-legal h2{margin-top: 48px; font-size: clamp(1.375rem, 1.2rem + .7vw, 1.75rem);}
.vs2 .vs-article .vs-tablewrap, .vs2-tipo-texto.vs2-tipo-texto .vs-tablewrap{margin: 4px 0 24px;}
.vs2 .vs-article .vs-table, .vs2-tipo-texto.vs2-tipo-texto .vs-table{font-size: .9375rem;}
.vs2 .vs-article .vs-table th, .vs2-tipo-texto.vs2-tipo-texto .vs-table th, .vs2 .vs-article .vs-table td, .vs2-tipo-texto.vs2-tipo-texto .vs-table td{padding: 12px 14px;}
.vs2 .vs-article .vs-answer--post, .vs2-tipo-texto.vs2-tipo-texto .vs-answer--post{max-width: none; margin: 0 0 28px; padding: 22px 26px;}
.vs2 .vs-article .vs-answer--post p, .vs2-tipo-texto.vs2-tipo-texto .vs-answer--post p{margin: 0; font-size: 1.125rem; line-height: 1.65;}
.vs2 .vs-article .vs-answer--post p + p, .vs2-tipo-texto.vs2-tipo-texto .vs-answer--post p + p{margin-top: 12px;}
.vs2 .vs-note{padding-left: 14px; border-left: 2px solid var(--vs-line); font-size: .9375rem !important; font-style: italic; color: var(--vs-slate);}
.vs2 .vs-callout{position: relative; margin: 0 0 28px; padding: 18px 22px 18px 56px; border: 1px solid; border-radius: var(--vs-r);}
.vs2 .vs-callout::before{content: ""; position: absolute; left: 20px; top: 20px; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;}
.vs2 .vs-article .vs-callout p, .vs2-tipo-texto.vs2-tipo-texto .vs-callout p{margin: 0; font-size: 1rem; line-height: 1.65; color: var(--vs-ink);}
.vs2 .vs-article .vs-callout p + p, .vs2-tipo-texto.vs2-tipo-texto .vs-callout p + p{margin-top: 10px;}
.vs2 .vs-callout--tip{background: #EEF8F2; border-color: #CFE9DA; color: var(--vs-up); --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E");}
.vs2 .vs-callout--warn{background: #FFF7E8; border-color: #F3DDB0; color: #B26B00; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 2.5 20h19Z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E");}
.vs2 .vs-callout--note{background: var(--vs-brand-soft); border-color: #DDD6FF; color: var(--vs-brand); --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5M12 7.8h.01'/%3E%3C/svg%3E");}
.vs2 .vs-boxes{display: grid; gap: 14px; margin: 0 0 28px;}
.vs2 .vs-boxes--2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.vs2 .vs-boxes--3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.vs2 .vs-box{padding: 20px 22px; border: 1px solid var(--vs-line); border-radius: var(--vs-r); background: #fff;}
.vs2 .vs-article .vs-box h3, .vs2-tipo-texto.vs2-tipo-texto .vs-box h3{margin: 0 0 8px; font-size: 1.0625rem; line-height: 1.35;}
.vs2 .vs-article .vs-box p, .vs2-tipo-texto.vs2-tipo-texto .vs-box p{margin: 0; font-size: .9375rem; line-height: 1.6;}
.vs2 .vs-article .vs-box p + p, .vs2-tipo-texto.vs2-tipo-texto .vs-box p + p{margin-top: 8px;}
.vs2 .vs-boxes--icon .vs-ico{width: 40px; height: 40px; margin-bottom: 14px;}
.vs2 .vs-boxes--icon .vs-ico svg{width: 20px; height: 20px;}
.vs2 .vs-article ul.vs-ticks li, .vs2-tipo-texto.vs2-tipo-texto ul.vs-ticks li{padding-left: 34px;}
.vs2 .vs-article ul.vs-ticks li::before, .vs2-tipo-texto.vs2-tipo-texto ul.vs-ticks li::before{left: 0; top: .32em; width: 22px; height: 22px; background: var(--vs-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B3DF5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 13px no-repeat;}
.vs2 .vs-article ul.vs-ticks--x li::before, .vs2-tipo-texto.vs2-tipo-texto ul.vs-ticks--x li::before{background-color: #FDECEC; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B42318' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m7 7 10 10M17 7 7 17'/%3E%3C/svg%3E");}
.vs2 .vs-article ul.vs-ticks--2, .vs2-tipo-texto.vs2-tipo-texto ul.vs-ticks--2{grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px;}
.vs2 .vs-article ol.vs-pasos, .vs2-tipo-texto.vs2-tipo-texto ol.vs-pasos{gap: 16px;}
.vs2 .vs-article ol.vs-pasos li > strong:first-child, .vs2-tipo-texto.vs2-tipo-texto ol.vs-pasos li > strong:first-child{display: block; margin-bottom: 2px;}
@media (max-width: 639px){.vs2 .vs-boxes--2, .vs2 .vs-boxes--3, .vs2 .vs-article ul.vs-ticks--2, .vs2-tipo-texto.vs2-tipo-texto ul.vs-ticks--2{grid-template-columns: 1fr;}.vs2 .vs-callout{padding: 16px 18px 16px 50px;}.vs2 .vs-callout::before{left: 16px; top: 18px;}.vs2 .vs-article .vs-answer--post, .vs2-tipo-texto.vs2-tipo-texto .vs-answer--post{padding: 18px 20px;}}
.vs2 .vs-postcta p a, .vs2 .vs-sidecta p a{color: var(--vs-brand-lit);}
.vs2 .vs-postgrid > *{min-width: 0;}
.vs2 .vs-article{overflow-wrap: break-word;}
@media (max-width: 639px){.vs2 .vs-article{overflow-wrap: anywhere;}}
/* Elementor pone margin:0 a las <figure> de los widgets (.elementor .elementor-widget:not(…):not(…) figure, 0,4,1):
   el margen de la portada del artículo, como en el diseño. */
.elementor .vs2.vs2.vs2 figure.vs-article__cover{margin: 0 0 40px;}

