.elementor-1689 .elementor-element.elementor-element-b9a2d09{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1689 .elementor-element.elementor-element-688feb8{--display:flex;--padding-top:64px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1689 .elementor-element.elementor-element-2c15244{text-align:center;}.elementor-1689 .elementor-element.elementor-element-2c15244 .elementor-heading-title{color:#193244;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1689 .elementor-element.elementor-element-f438d97{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1689 .elementor-element.elementor-element-f438d97:after{content:"0.66";}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__thumbnail__link{width:100%;}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__text{margin-top:20px;}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__badge{right:0;}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__card .elementor-post__badge{margin:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1689 .elementor-element.elementor-element-b9a2d09{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1689 .elementor-element.elementor-element-b9a2d09{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1689 .elementor-element.elementor-element-f438d97:after{content:"0.5";}.elementor-1689 .elementor-element.elementor-element-f438d97 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-2a1fe8b */.ast-separate-container .site-content>.ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important;}.ast-separate-container .ast-article-single,.ast-separate-container #primary,.ast-separate-container .site-content,.ast-separate-container .ast-article-post{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}.single .entry-header,.ast-single-post .entry-header,.single .entry-meta,.single .ast-single-post-meta,.single .post-meta{display:none!important;}.single .entry-content{margin-top:0!important;}.rv-split{display:block;margin:40px 0;}.rv-split__text>:first-child{margin-top:0;}.article-body figure.rv-split__media{max-width:440px;margin:28px auto 0!important;display:block;}.rv-split__media img{width:100%;border-radius:14px;display:block;}.rv-split__media figcaption{margin-top:10px;font-size:13px;font-style:italic;color:var(--bronce);text-align:center;}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; color: #334155; background: #fff; line-height: 1.6; -webkit-font-smoothing: antialiased; } :root { --navy: #193244; --teal: #2D4756; --slate: #334155; --crema: #F5F0E6; --azul-gris: #F0F6FC; --dorado: #C9B68C; --bronce: #8A7D63; --border: #E3DACB; --white: #ffffff; --radius-card: 16px; --radius-pill: 999px; --shadow: 0 4px 20px rgba(25,50,68,0.10); --shadow-hover: 0 8px 32px rgba(25,50,68,0.16); --transition: all 0.3s ease; } h1,h2,h3,h4 { font-family: 'Instrument Serif', Georgia, serif; color: var(--navy); font-weight: 400; line-height: 1.15; } h1 { font-size: clamp(38px,5vw,58px); } h2 { font-size: clamp(28px,4vw,40px); } h3 { font-size: clamp(21px,2.5vw,27px); } em { font-style: italic; } p { font-size: 16px; line-height: 1.75; color: var(--slate); } a { text-decoration: none; color: inherit; } .container { max-width: 1140px; margin: 0 auto; padding: 0 24px; } .section { padding: 72px 0; } .section--crema { background: var(--crema); } .section--navy { background: var(--navy); } .eyebrow { display: inline-block; font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--bronce); margin-bottom: 14px; } .btn { display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px; border-radius: var(--radius-pill); padding: 14px 30px; cursor: pointer; transition: var(--transition); border: none; text-decoration: none; } .btn--primary { background: var(--navy); color: #fff; } .btn--primary:hover { background: var(--teal); transform: translateY(-1px); box-shadow: var(--shadow-hover); } .btn--secondary { background: transparent; color: var(--navy); border: 1.5px solid var(--navy); } .btn--secondary:hover { background: var(--navy); color: #fff; } .btn--white { background: #fff; color: var(--navy); } .btn--white:hover { background: var(--crema); } .chips { display: flex; flex-wrap: wrap; gap: 10px; } .chip { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; color: var(--navy); background: var(--crema); border: 1.5px solid var(--dorado); border-radius: var(--radius-pill); padding: 7px 18px; } #read-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: linear-gradient(90deg, var(--dorado), var(--navy)); z-index: 999; transition: width .1s linear; } #article-hero { background: linear-gradient(135deg, var(--navy) 0%, var(--teal) 100%); padding: 100px 0 72px; position: relative; overflow: hidden; } #article-hero::before { content: ''; position: absolute; top: -80px; right: -80px; width: 480px; height: 480px; background: radial-gradient(circle, rgba(201,182,140,0.14) 0%, transparent 70%); border-radius: 50%; } .hero-inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; text-align: center; } .hero-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dorado); margin-bottom: 18px; display:inline-block; } .hero-title { font-family: 'Instrument Serif', serif; font-size: clamp(34px,5vw,56px); color: #fff; line-height: 1.12; margin-bottom: 20px; } .hero-title em { color: var(--dorado); font-style: italic; } .hero-deck { color: rgba(255,255,255,0.82); font-size: 18px; line-height: 1.7; max-width: 640px; margin: 0 auto 30px; } .hero-meta { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; color: rgba(255,255,255,0.7); font-size: 14px; } .hero-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--dorado); } .hero-meta strong { color: #fff; font-weight: 600; } .hero-cover { max-width: 960px; margin: -48px auto 0; padding: 0 24px; position: relative; z-index: 2; } .hero-cover img, .hero-cover .ph { width: 100%; border-radius: 20px; box-shadow: var(--shadow-hover); display: block; aspect-ratio: 16/8; object-fit: cover; } .hero-cover .ph { background: var(--crema); border: 1.5px dashed var(--dorado); display: flex; align-items: center; justify-content: center; color: var(--bronce); font-size: 14px; text-align: center; padding: 24px; } .article-wrap { max-width: 1140px; margin: 0 auto; padding: 60px 24px 20px; } .article-grid { display: grid; grid-template-columns: 240px 1fr; gap: 56px; align-items: start; } .toc { position: sticky; top: 30px; } .toc-label { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--bronce); margin-bottom: 16px; } .toc ul { list-style: none; border-left: 2px solid var(--border); max-height: calc(100vh - 120px); overflow-y: auto; } .toc ul::-webkit-scrollbar { width: 5px; } .toc ul::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; } .toc li a { display: block; padding: 7px 0 7px 18px; margin-left: -2px; border-left: 2px solid transparent; font-size: 14px; color: var(--slate); line-height: 1.35; transition: var(--transition); } .toc li a:hover { color: var(--navy); } .toc li a.active { color: var(--navy); font-weight: 600; border-left-color: var(--dorado); } .toc li.sub a { padding-left: 34px; font-size: 13px; color: var(--bronce); } .toc li.sub a.active { color: var(--navy); } .article-body { max-width: 720px; } .article-body h2 { margin: 48px 0 18px; } .article-body h2 em { color: var(--bronce); } .article-body h3 { margin: 34px 0 14px; } .article-body p { margin-bottom: 22px; } .article-body a:not(.btn) { color: var(--navy); font-weight: 600; border-bottom: 1.5px solid var(--dorado); } .article-body a:not(.btn):hover { color: var(--bronce); } .article-body ul, .article-body ol { margin: 0 0 24px 4px; padding-left: 22px; } .article-body li { margin-bottom: 10px; font-size: 16px; line-height: 1.7; color: var(--slate); } .article-body ul li::marker { color: var(--dorado); } .article-body ol li::marker { color: var(--bronce); font-weight: 700; } .article-body figure { margin: 34px 0; } .article-body figure img, .article-body figure .ph { width: 100%; border-radius: var(--radius-card); display: block; } .article-body figure .ph { background: var(--crema); border: 1.5px dashed var(--dorado); aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; color: var(--bronce); font-size: 14px; text-align: center; padding: 24px; } .article-body figcaption { margin-top: 10px; font-size: 13.5px; font-style: italic; color: var(--bronce); text-align: center; } .article-body blockquote { margin: 34px 0; padding: 8px 0 8px 28px; border-left: 3px solid var(--dorado); font-family: 'Instrument Serif', serif; font-size: 24px; line-height: 1.4; color: var(--navy); font-style: italic; } .callout { background: var(--crema); border: 1px solid var(--border); border-radius: var(--radius-card); padding: 26px 30px; margin: 32px 0; display: flex; gap: 18px; align-items: flex-start; } .callout svg { flex: 0 0 auto; stroke: var(--dorado); } .callout h4 { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--navy); margin-bottom: 8px; } .callout p { margin: 0; font-size: 15.5px; } .takeaways { background: var(--azul-gris); border-radius: var(--radius-card); padding: 28px 32px; margin: 32px 0; } .takeaways h4 { font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--bronce); margin-bottom: 16px; } .takeaways ul { list-style: none; padding: 0; margin: 0; } .takeaways li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; font-size: 15.5px; color: var(--slate); } .takeaways li::before { content: '✓'; color: var(--dorado); font-weight: 700; flex: 0 0 auto; } .inline-cta { background: var(--navy); border-radius: var(--radius-card); padding: 34px 36px; margin: 40px 0; text-align: center; position: relative; overflow: hidden; } .inline-cta::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(201,182,140,0.16) 0%, transparent 70%); border-radius: 50%; } .inline-cta h3 { color: #fff; font-size: 26px; margin-bottom: 10px; position: relative; } .inline-cta p { color: rgba(255,255,255,0.8); font-size: 15.5px; margin-bottom: 22px; position: relative; } .inline-cta .btn { position: relative; } .divider { height: 1px; background: var(--border); border: 0; margin: 40px 0; } .rv-band-ap { background: #fff; padding: 80px 0; } .rv-wrap-ap { max-width: 860px; margin: 0 auto; padding: 0 24px; } .rv-eyebrow-ap { display: inline-block; font-family: 'DM Sans', system-ui, sans-serif; font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; color: #8a7d63; font-weight: 600; margin-bottom: 14px; } .rv-h2-ap { font-family: 'Instrument Serif', Georgia, serif; font-size: 36px; color: var(--navy); margin: 0 0 8px; font-weight: 400; line-height: 1.2; } .rv-faq-ap { margin-top: 34px; display: grid; gap: 14px; } .rv-q-ap { background: #fff; border: 1px solid var(--border) !important; border-radius: 14px; overflow: hidden; } .rv-q-ap button { width: 100%; text-align: left; background: none !important; border: 0 !important; cursor: pointer; padding: 22px 26px; font-family: 'Instrument Serif', Georgia, serif; font-size: 21px; color: var(--navy); display: flex; justify-content: space-between; align-items: center; gap: 18px; } .rv-qmark-ap { flex: 0 0 auto; width: 26px; height: 26px; position: relative; transition: transform .25s ease; } .rv-qmark-ap:before, .rv-qmark-ap:after { content: ''; position: absolute; background: var(--navy); border-radius: 2px; } .rv-qmark-ap:before { top: 12px; left: 4px; right: 4px; height: 2.5px; } .rv-qmark-ap:after { left: 12px; top: 4px; bottom: 4px; width: 2.5px; transition: opacity .25s ease; } .rv-q-ap.is-open .rv-qmark-ap:after { opacity: 0; } .rv-q-body-ap { max-height: 0; overflow: hidden; transition: max-height .3s ease; } .rv-q-body-ap p { padding: 0 26px 24px; font-size: 16px; color: var(--teal); font-family: 'DM Sans', system-ui, sans-serif; line-height: 1.7; margin: 0; } .related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 34px; } .related-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-card); overflow: hidden; transition: var(--transition); display: flex; flex-direction: column; } .related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); } .related-card .thumb, .related-card .thumb img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; } .related-card .thumb { background: var(--crema); border-bottom: 1px solid var(--border); display:flex; align-items:center; justify-content:center; color: var(--bronce); font-size: 13px; } .related-card .rc-body { padding: 20px 22px; display: flex; flex-direction: column; flex: 1; } .related-card .rc-cat { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--bronce); margin-bottom: 8px; } .related-card h3 { font-size: 21px; margin-bottom: 10px; } .related-card p { font-size: 14px; margin-bottom: 16px; } .related-card .rc-link { margin-top: auto; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 14px; color: var(--navy); display: inline-flex; align-items: center; gap: 6px; } .related-card .rc-link svg { transition: transform .2s ease; } .related-card:hover .rc-link svg { transform: translateX(4px); } #cta-final { background: var(--navy); padding: 84px 0; position: relative; overflow: hidden; text-align: center; } #cta-final::before { content: ''; position: absolute; bottom: -100px; left: -80px; width: 460px; height: 460px; background: radial-gradient(circle, rgba(201,182,140,0.12) 0%, transparent 70%); border-radius: 50%; } #cta-final .container { position: relative; z-index: 1; } #cta-final h2 { color: #fff; margin-bottom: 18px; } #cta-final h2 em { color: var(--dorado); } #cta-final p { color: rgba(255,255,255,0.8); font-size: 17px; max-width: 580px; margin: 0 auto 32px; } #cta-final .note { color: rgba(255,255,255,0.5); font-size: 13px; margin-top: 20px; } .fade-up { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; } .fade-up.visible { opacity: 1; transform: translateY(0); } @media (max-width: 900px) { .article-grid { grid-template-columns: 1fr; gap: 0; } .toc { display: none; } .related-grid { grid-template-columns: 1fr; } .hero-cover { margin-top: -32px; } } @media (max-width: 520px) { }
/* EDITOR-REVEAL: en el editor de Elementor revela el contenido (el JS de fade-up no corre ahí) */
.elementor-editor-active .fade-up{opacity:1 !important;transform:none !important;}/* End custom CSS */