.elementor-22 .elementor-element.elementor-element-63311e5{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a3ef8b4 *//* ============================================================
   CENTRO ANCESTRAL PACHACAMAC
   LIBRO III — FRACTALES Y DUALIDADES
   CUSTOM CSS
============================================================ */


/* ============================================================
   VARIABLES
============================================================ */

#cap-fractales-page {

    --fd-night: #130d09;
    --fd-night-2: #1d130d;
    --fd-earth: #2a1b12;
    --fd-brown: #3a261b;

    --fd-gold: #c99a4a;
    --fd-gold-light: #e8c67f;

    --fd-cream: #f2e7d2;
    --fd-paper: #f7efe1;
    --fd-paper-2: #efe2d0;

    --fd-ink: #2b1a10;
    --fd-soft: #c4ae8e;

    --fd-line: rgba(201,154,74,.25);

    color: var(--fd-ink);

    font-family:
        "EB Garamond",
        Georgia,
        serif;

    overflow: hidden;
}


/* ============================================================
   RESET LOCAL
============================================================ */

#cap-fractales-page *,
#cap-fractales-page *::before,
#cap-fractales-page *::after {
    box-sizing: border-box;
}

#cap-fractales-page h1,
#cap-fractales-page h2,
#cap-fractales-page h3,
#cap-fractales-page p {
    margin-top: 0;
}

#cap-fractales-page a {
    text-decoration: none;
}

#cap-fractales-page img {
    max-width: 100%;
}


/* ============================================================
   CONTAINER
============================================================ */

#cap-fractales-page .fd-container {

    width: min(1180px, calc(100% - 80px));

    margin-left: auto;
    margin-right: auto;

    position: relative;
    z-index: 2;
}


/* ============================================================
   KICKER
============================================================ */

#cap-fractales-page .fd-kicker {

    display: inline-block;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;

    letter-spacing: 4px;

    text-transform: uppercase;

    color: var(--fd-gold);

    margin-bottom: 24px;
}


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

#cap-fractales-page .fd-hero {

    position: relative;

    min-height: 760px;

    width: 100%;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(201,154,74,.08),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #100a07 0%,
            #1b100b 50%,
            #120b08 100%
        );

    color: var(--fd-cream);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;
}


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

#cap-fractales-page .fd-hero-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

    overflow: hidden;
}


#cap-fractales-page .fd-orbit {

    position: absolute;

    left: 50%;
    top: 50%;

    border: 1px solid rgba(201,154,74,.13);

    border-radius: 50%;

    transform:
        translate(-50%, -50%)
        rotate(-20deg);
}


#cap-fractales-page .fd-orbit-1 {

    width: 1450px;
    height: 620px;
}


#cap-fractales-page .fd-orbit-2 {

    width: 1150px;
    height: 820px;

    transform:
        translate(-50%, -50%)
        rotate(25deg);
}


#cap-fractales-page .fd-orbit-3 {

    width: 760px;
    height: 1100px;

    transform:
        translate(-50%, -50%)
        rotate(55deg);
}


#cap-fractales-page .fd-dot {

    position: absolute;

    width: 10px;
    height: 10px;

    background: var(--fd-cream);

    border-radius: 50%;

    box-shadow:
        0 0 18px rgba(242,231,210,.35);
}


#cap-fractales-page .fd-dot-1 {
    top: 17%;
    left: 50%;
}


#cap-fractales-page .fd-dot-2 {
    top: 5%;
    right: 33%;
}


#cap-fractales-page .fd-dot-3 {
    top: 30%;
    left: 16%;
}


#cap-fractales-page .fd-dot-4 {
    bottom: 16%;
    right: 17%;
}


/* ============================================================
   HERO CONTENT
   ESTE BLOQUE ES EL QUE GARANTIZA EL CENTRADO
============================================================ */

#cap-fractales-page .fd-hero-content {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1100px;

    margin-left: auto !important;
    margin-right: auto !important;

    padding:
        100px 40px
        90px 40px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center !important;
}


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

#cap-fractales-page .fd-eyebrow {

    display: block;

    margin: 0 auto 26px;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;

    letter-spacing: 5px;

    color: var(--fd-gold);

    text-align: center;

    width: 100%;
}


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

#cap-fractales-page .fd-hero h1 {

    display: block;

    width: 100%;

    max-width: 1000px;

    margin:
        0 auto
        28px
        auto !important;

    padding: 0;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: clamp(55px, 7vw, 104px);

    line-height: .92;

    font-weight: 500;

    letter-spacing: 2px;

    color: var(--fd-cream);

    text-align: center !important;

    position: relative;

    left: 0 !important;

    transform: none !important;
}


#cap-fractales-page .fd-hero h1 span {

    color: var(--fd-gold);

    font-style: italic;
}


/* ============================================================
   HERO SUBTITLE
   CORREGIDO: CENTRADO REAL
============================================================ */

#cap-fractales-page .fd-hero-subtitle-wrap {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    max-width: 900px;

    margin:
        0 auto
        20px
        auto !important;

    padding: 0;

    text-align: center !important;

    left: 0 !important;

    right: auto !important;

    transform: none !important;
}


#cap-fractales-page .fd-hero-subtitle {

    display: block;

    width: 100%;

    max-width: 900px;

    margin:
        0 auto !important;

    padding: 0;

    font-family:
        "EB Garamond",
        Georgia,
        serif;

    font-size: clamp(22px, 2.1vw, 31px);

    line-height: 1.35;

    font-weight: 400;

    color: var(--fd-cream);

    text-align: center !important;

    position: relative;

    left: 0 !important;

    right: auto !important;

    transform: none !important;
}


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

#cap-fractales-page .fd-hero-description-wrap {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    max-width: 780px;

    margin:
        0 auto 38px
        auto !important;

    padding: 0;

    text-align: center !important;
}


#cap-fractales-page .fd-hero-description {

    display: block;

    width: 100%;

    max-width: 780px;

    margin: 0 auto !important;

    padding: 0;

    color: var(--fd-soft);

    font-size: 18px;

    line-height: 1.65;

    text-align: center !important;
}


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

#cap-fractales-page .fd-hero-actions {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 16px;

    margin:
        0 auto !important;

    padding: 0;

    text-align: center;
}


#cap-fractales-page .fd-btn {

    min-width: 185px;

    min-height: 64px;

    padding:
        18px 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;

    letter-spacing: 2px;

    text-transform: uppercase;

    transition:
        all .35s ease;

    cursor: pointer;
}


#cap-fractales-page .fd-btn-primary {

    background: var(--fd-gold);

    color: var(--fd-night);

    border: 1px solid var(--fd-gold);
}


#cap-fractales-page .fd-btn-primary:hover {

    background: var(--fd-gold-light);

    border-color: var(--fd-gold-light);

    transform: translateY(-3px);
}


#cap-fractales-page .fd-btn-outline {

    color: var(--fd-cream);

    background: transparent;

    border: 1px solid rgba(201,154,74,.55);
}


#cap-fractales-page .fd-btn-outline:hover {

    background: rgba(201,154,74,.1);

    border-color: var(--fd-gold);

    transform: translateY(-3px);
}


/* ============================================================
   SCROLL
============================================================ */

#cap-fractales-page .fd-scroll {

    margin-top: 65px;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 10px;
}


#cap-fractales-page .fd-scroll span {

    display: block;

    width: 1px;

    height: 42px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            var(--fd-gold)
        );
}


#cap-fractales-page .fd-scroll small {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 9px;

    letter-spacing: 3px;

    color: var(--fd-soft);
}


/* ============================================================
   GENERIC SECTIONS
============================================================ */

#cap-fractales-page .fd-section {

    position: relative;

    padding:
        130px 0;
}


#cap-fractales-page .fd-dark-section {

    background:
        linear-gradient(
            135deg,
            var(--fd-night),
            var(--fd-night-2)
        );

    color: var(--fd-cream);
}


/* ============================================================
   INTRO
============================================================ */

#cap-fractales-page .fd-intro {

    background: var(--fd-paper);

    color: var(--fd-ink);
}


#cap-fractales-page .fd-intro-grid {

    display: grid;

    grid-template-columns:
        100px
        minmax(0, 1fr)
        380px;

    gap: 60px;

    align-items: center;
}


#cap-fractales-page .fd-section-number {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 12px;

    letter-spacing: 3px;

    color: var(--fd-gold);

    writing-mode: vertical-rl;
}


#cap-fractales-page .fd-intro-main h2,
#cap-fractales-page .fd-section-header h2,
#cap-fractales-page .fd-geometry-copy h2,
#cap-fractales-page .fd-water-copy h2,
#cap-fractales-page .fd-consciousness-copy h2,
#cap-fractales-page .fd-schumann-copy h2,
#cap-fractales-page .fd-final-fractal-content h2,
#cap-fractales-page .fd-cta-content h2 {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: clamp(42px, 5vw, 72px);

    line-height: 1.02;

    font-weight: 500;

    letter-spacing: -1px;
}


#cap-fractales-page em {

    color: var(--fd-gold);

    font-style: italic;
}


#cap-fractales-page .fd-intro-main p {

    max-width: 650px;

    font-size: 19px;

    line-height: 1.75;

    color: #634d3c;
}


#cap-fractales-page .fd-intro-main .fd-lead {

    font-size: 25px;

    line-height: 1.5;

    color: var(--fd-ink);

    margin-bottom: 25px;
}


/* ============================================================
   INTRO SYMBOL
============================================================ */

#cap-fractales-page .fd-intro-symbol {

    position: relative;

    width: 330px;
    height: 330px;

    margin: auto;
}


#cap-fractales-page .fd-symbol-ring {

    position: absolute;

    inset: 50% auto auto 50%;

    border: 1px solid var(--fd-gold);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    opacity: .55;
}


#cap-fractales-page .ring-a {

    width: 310px;
    height: 310px;
}


#cap-fractales-page .ring-b {

    width: 220px;
    height: 220px;
}


#cap-fractales-page .ring-c {

    width: 120px;
    height: 120px;
}


#cap-fractales-page .fd-symbol-center {

    position: absolute;

    inset: 50% auto auto 50%;

    width: 85px;
    height: 85px;

    border: 1px solid var(--fd-gold);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--fd-paper);

}


#cap-fractales-page .fd-symbol-center span {

    color: var(--fd-gold);

    font-size: 42px;
}


/* ============================================================
   SECTION HEADERS
============================================================ */

#cap-fractales-page .fd-section-header {

    max-width: 780px;

    margin-bottom: 70px;
}


#cap-fractales-page .fd-centered {

    margin-left: auto;

    margin-right: auto;

    text-align: center;
}


#cap-fractales-page .fd-centered p {

    margin-left: auto;

    margin-right: auto;
}


#cap-fractales-page .fd-section-header p {

    max-width: 650px;

    font-size: 20px;

    line-height: 1.7;

    color: var(--fd-soft);
}


#cap-fractales-page .fd-dark-section .fd-section-header p {

    color: var(--fd-soft);
}


/* ============================================================
   FRACTALES
============================================================ */

#cap-fractales-page .fd-fractal-layout {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-fractal-visual {

    min-height: 500px;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;
}


#cap-fractales-page .fd-fractal-tree {

    position: relative;

    width: 340px;

    height: 450px;
}


#cap-fractales-page .fd-fractal-tree::after {

    content: "";

    position: absolute;

    width: 5px;
    height: 250px;

    left: 50%;
    bottom: 0;

    background:
        linear-gradient(
            to top,
            var(--fd-gold),
            transparent
        );

    transform-origin: bottom center;

    transform: translateX(-50%) rotate(0deg);

    box-shadow:
        0 0 25px rgba(201,154,74,.15);
}


#cap-fractales-page .branch {

    position: absolute;

    width: 3px;

    height: 170px;

    background: var(--fd-gold);

    left: 50%;

    bottom: 145px;

    transform-origin: bottom center;

    opacity: .8;
}


#cap-fractales-page .b1 {
    transform: translateX(-50%) rotate(-50deg) scale(.65);
}

#cap-fractales-page .b2 {
    transform: translateX(-50%) rotate(50deg) scale(.65);
}

#cap-fractales-page .b3 {
    transform: translateX(-50%) rotate(-32deg) scale(.5);
}

#cap-fractales-page .b4 {
    transform: translateX(-50%) rotate(32deg) scale(.5);
}

#cap-fractales-page .b5 {
    transform: translateX(-50%) rotate(-65deg) scale(.4);
}

#cap-fractales-page .b6 {
    transform: translateX(-50%) rotate(65deg) scale(.4);
}

#cap-fractales-page .b7 {
    transform: translateX(-50%) rotate(-18deg) scale(.38);
}

#cap-fractales-page .b8 {
    transform: translateX(-50%) rotate(18deg) scale(.38);
}

#cap-fractales-page .b9 {
    transform: translateX(-50%) rotate(-75deg) scale(.3);
}

#cap-fractales-page .b10 {
    transform: translateX(-50%) rotate(75deg) scale(.3);
}


/* ============================================================
   FEATURES
============================================================ */

#cap-fractales-page .fd-feature {

    display: grid;

    grid-template-columns: 60px 1fr;

    gap: 25px;

    padding:
        30px 0;

    border-bottom:
        1px solid var(--fd-line);
}


#cap-fractales-page .fd-feature-icon {

    width: 50px;
    height: 50px;

    border:
        1px solid var(--fd-gold);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;
}


#cap-fractales-page .fd-feature h3 {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 10px;
}


#cap-fractales-page .fd-feature p {

    margin-bottom: 0;

    color: var(--fd-soft);

    font-size: 17px;

    line-height: 1.6;
}


/* ============================================================
   DUALIDADES
============================================================ */

#cap-fractales-page .fd-duality-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 18px;
}


#cap-fractales-page .fd-duality-card {

    position: relative;

    min-height: 380px;

    padding: 45px 30px;

    border:
        1px solid rgba(43,26,16,.15);

    background:
        rgba(255,255,255,.3);

    transition:
        transform .35s ease,
        border-color .35s ease;
}


#cap-fractales-page .fd-duality-card:hover {

    transform: translateY(-8px);

    border-color: var(--fd-gold);
}


#cap-fractales-page .fd-duality-number {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    color: var(--fd-gold);

    font-size: 11px;

    letter-spacing: 2px;

    margin-bottom: 50px;
}


#cap-fractales-page .fd-duality-symbol {

    color: var(--fd-gold);

    font-size: 55px;

    margin-bottom: 30px;
}


#cap-fractales-page .fd-duality-card h3 {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 21px;

    font-weight: 500;

    margin-bottom: 15px;
}


#cap-fractales-page .fd-duality-card p {

    font-size: 17px;

    line-height: 1.65;

    color: #654f3d;
}


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

#cap-fractales-page .fd-geometry-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-geometry-visual {

    position: relative;

    width: 500px;
    height: 500px;

    max-width: 100%;

    margin: auto;
}


#cap-fractales-page .fd-geo-circle {

    position: absolute;

    top: 50%;
    left: 50%;

    border:
        1px solid rgba(201,154,74,.45);

    border-radius: 50%;

    transform: translate(-50%, -50%);
}


#cap-fractales-page .geo-circle-1 {

    width: 440px;
    height: 440px;
}


#cap-fractales-page .geo-circle-2 {

    width: 330px;
    height: 330px;
}


#cap-fractales-page .geo-circle-3 {

    width: 220px;
    height: 220px;
}


#cap-fractales-page .geo-circle-4 {

    width: 110px;
    height: 110px;
}


#cap-fractales-page .fd-geo-square {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 300px;
    height: 300px;

    border:
        1px solid rgba(232,198,127,.35);

    transform:
        translate(-50%, -50%)
        rotate(45deg);
}


#cap-fractales-page .fd-geo-center {

    position: absolute;

    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--fd-night);
}


#cap-fractales-page .fd-geo-center span {

    color: var(--fd-gold);

    font-size: 28px;
}


#cap-fractales-page .fd-geometry-copy p {

    max-width: 580px;

    color: var(--fd-soft);

    font-size: 20px;

    line-height: 1.75;
}


#cap-fractales-page .fd-geometry-list {

    margin-top: 45px;
}


#cap-fractales-page .fd-geometry-list div {

    display: flex;

    gap: 20px;

    align-items: center;

    padding: 17px 0;

    border-bottom:
        1px solid var(--fd-line);
}


#cap-fractales-page .fd-geometry-list span {

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 10px;
}


#cap-fractales-page .fd-geometry-list strong {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: 500;
}


/* ============================================================
   NATURALEZA
============================================================ */

#cap-fractales-page .fd-nature {

    background: var(--fd-paper-2);
}


#cap-fractales-page .fd-nature-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 25px;
}


#cap-fractales-page .fd-nature-card {

    background: var(--fd-paper);

    border:
        1px solid rgba(43,26,16,.1);
}


#cap-fractales-page .fd-nature-image {

    height: 330px;

    position: relative;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(201,154,74,.4),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #2b1a10,
            #73502f
        );
}


#cap-fractales-page .fd-nature-image::after {

    content: "";

    position: absolute;

    inset: 20px;

    border:
        1px solid rgba(232,198,127,.35);
}


#cap-fractales-page .fd-nature-image span {

    position: absolute;

    left: 25px;
    top: 25px;

    z-index: 2;

    color: var(--fd-gold-light);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;
}


#cap-fractales-page .fd-river {

    background:
        linear-gradient(
            135deg,
            #1b130e,
            #40503e,
            #9a7a45
        );
}


#cap-fractales-page .fd-lagoon {

    background:
        radial-gradient(
            circle,
            #a68d62,
            #2a2117 70%
        );
}


#cap-fractales-page .fd-nature-content {

    padding: 32px;
}


#cap-fractales-page .fd-nature-content h3 {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 15px;
}


#cap-fractales-page .fd-nature-content p {

    color: #654f3d;

    font-size: 17px;

    line-height: 1.65;

    margin-bottom: 0;
}


/* ============================================================
   WATER
============================================================ */

#cap-fractales-page .fd-water-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-water-copy p {

    max-width: 600px;

    color: var(--fd-soft);

    font-size: 19px;

    line-height: 1.75;
}


#cap-fractales-page .fd-water-visual {

    position: relative;

    height: 470px;

    display: flex;

    align-items: center;

    justify-content: center;
}


#cap-fractales-page .fd-water-ring {

    position: absolute;

    border:
        1px solid rgba(201,154,74,.35);

    border-radius: 50%;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
}


#cap-fractales-page .water-ring-1 {

    width: 420px;
    height: 420px;
}


#cap-fractales-page .water-ring-2 {

    width: 300px;
    height: 300px;
}


#cap-fractales-page .water-ring-3 {

    width: 170px;
    height: 170px;
}


#cap-fractales-page .fd-water-molecule {

    position: relative;

    width: 150px;
    height: 150px;
}


#cap-fractales-page .atom {

    position: absolute;

    width: 55px;
    height: 55px;

    border-radius: 50%;

    border:
        1px solid var(--fd-gold);

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--fd-night);

    color: var(--fd-gold-light);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    z-index: 3;
}


#cap-fractales-page .atom-o {

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 70px;
    height: 70px;
}


#cap-fractales-page .atom-h1 {

    left: 5px;
    bottom: 10px;
}


#cap-fractales-page .atom-h2 {

    right: 5px;
    bottom: 10px;
}


#cap-fractales-page .bond {

    position: absolute;

    width: 65px;
    height: 1px;

    background: var(--fd-gold);

    bottom: 38px;

    z-index: 1;
}


#cap-fractales-page .bond-1 {

    left: 35px;

    transform: rotate(28deg);
}


#cap-fractales-page .bond-2 {

    right: 35px;

    transform: rotate(-28deg);
}


/* ============================================================
   CYCLES
============================================================ */

#cap-fractales-page .fd-cycles {

    background: var(--fd-paper);
}


#cap-fractales-page .fd-moon-cycle {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;
}


#cap-fractales-page .fd-moon-card {

    text-align: center;

    min-width: 130px;
}


#cap-fractales-page .fd-moon {

    width: 100px;
    height: 100px;

    margin: 0 auto 20px;

    border-radius: 50%;

    border:
        1px solid var(--fd-gold);

    position: relative;

    overflow: hidden;

    background: var(--fd-night);
}


#cap-fractales-page .moon-new::after {

    content: "";

    position: absolute;

    inset: 0;

    background: var(--fd-night);
}


#cap-fractales-page .moon-growing::after {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    left: -48px;

    top: 0;

    background: var(--fd-paper);
}


#cap-fractales-page .moon-full {

    background: var(--fd-gold-light);

    box-shadow:
        0 0 40px rgba(201,154,74,.25);
}


#cap-fractales-page .moon-waning::after {

    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -48px;

    top: 0;

    background: var(--fd-paper);
}


#cap-fractales-page .fd-moon-card span {

    display: block;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;

    letter-spacing: 2px;

    margin-bottom: 5px;
}


#cap-fractales-page .fd-moon-card small {

    color: var(--fd-soft);

    font-size: 15px;
}


#cap-fractales-page .fd-cycle-line {

    width: 45px;

    height: 1px;

    background: var(--fd-gold);

    opacity: .45;
}


/* ============================================================
   ALCHEMY
============================================================ */

#cap-fractales-page .fd-alchemy-grid {

    display: grid;

    grid-template-columns:
        1fr
        60px
        1fr
        60px
        1fr;

    align-items: center;
}


#cap-fractales-page .fd-alchemy-step {

    text-align: center;
}


#cap-fractales-page .fd-alchemy-step > span {

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 11px;

    letter-spacing: 2px;
}


#cap-fractales-page .fd-alchemy-symbol {

    width: 100px;
    height: 100px;

    margin: 25px auto;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--fd-gold);

    font-size: 35px;
}


#cap-fractales-page .fd-alchemy-step h3 {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 500;
}


#cap-fractales-page .fd-alchemy-step p {

    color: var(--fd-soft);

    font-size: 16px;
}


#cap-fractales-page .fd-alchemy-connector {

    height: 1px;

    background: var(--fd-gold);

    opacity: .4;
}


/* ============================================================
   CONSCIOUSNESS
============================================================ */

#cap-fractales-page .fd-consciousness-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-consciousness-visual {

    position: relative;

    width: 470px;
    height: 470px;

    max-width: 100%;

    margin: auto;
}


#cap-fractales-page .fd-consciousness-circle {

    position: absolute;

    width: 250px;
    height: 250px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding-top: 40px;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 10px;

    letter-spacing: 2px;

    color: var(--fd-gold);
}


#cap-fractales-page .circle-body {

    top: 0;
    left: 50%;

    transform: translateX(-50%);
}


#cap-fractales-page .circle-mind {

    bottom: 0;
    left: 0;
}


#cap-fractales-page .circle-spirit {

    bottom: 0;
    right: 0;
}


#cap-fractales-page .fd-consciousness-center {

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 70px;
    height: 70px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    background: var(--fd-paper);

    color: var(--fd-gold);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 25px;
}


#cap-fractales-page .fd-consciousness-copy p {

    max-width: 580px;

    font-size: 20px;

    line-height: 1.75;

    color: #634d3c;
}


#cap-fractales-page .fd-quote {

    margin-top: 40px;

    padding:
        30px 35px;

    border-left:
        2px solid var(--fd-gold);

    font-size: 24px;

    font-style: italic;

    color: var(--fd-ink);
}


#cap-fractales-page .fd-quote span {

    color: var(--fd-gold);

    font-size: 40px;

    margin-right: 8px;
}


/* ============================================================
   SCHUMANN
============================================================ */

#cap-fractales-page .fd-schumann-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-schumann-copy p {

    max-width: 600px;

    color: var(--fd-soft);

    font-size: 19px;

    line-height: 1.75;
}


#cap-fractales-page .fd-schumann-visual {

    position: relative;

    height: 400px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;
}


#cap-fractales-page .fd-wave {

    position: absolute;

    width: 600px;
    height: 160px;

    border:
        1px solid rgba(201,154,74,.45);

    border-radius: 50%;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

}


#cap-fractales-page .wave-1 {
    transform:
        translate(-50%, -50%)
        rotate(0deg);
}


#cap-fractales-page .wave-2 {
    transform:
        translate(-50%, -50%)
        rotate(25deg);
}


#cap-fractales-page .wave-3 {
    transform:
        translate(-50%, -50%)
        rotate(50deg);
}


#cap-fractales-page .wave-4 {
    transform:
        translate(-50%, -50%)
        rotate(75deg);
}


#cap-fractales-page .fd-frequency {

    position: relative;

    z-index: 3;

    width: 150px;
    height: 150px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background: var(--fd-night);
}


#cap-fractales-page .fd-frequency span {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 36px;

    color: var(--fd-gold-light);
}


#cap-fractales-page .fd-frequency small {

    color: var(--fd-soft);

    letter-spacing: 2px;
}


/* ============================================================
   TERAGONES
============================================================ */

#cap-fractales-page .fd-teragone-layout {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 100px;

    align-items: center;
}


#cap-fractales-page .fd-teragone-visual {

    position: relative;

    height: 480px;

    display: flex;

    align-items: center;

    justify-content: center;
}


#cap-fractales-page .fd-teragone-shape {

    position: absolute;

    width: 220px;
    height: 220px;

    border:
        1px solid var(--fd-gold);

    transform: rotate(45deg);
}


#cap-fractales-page .shape-a {
    transform: rotate(0deg);
}

#cap-fractales-page .shape-b {
    transform: rotate(45deg);
}

#cap-fractales-page .shape-c {
    transform: rotate(90deg);
}

#cap-fractales-page .shape-d {
    transform: rotate(135deg);
}


#cap-fractales-page .fd-teragone-center {

    position: relative;

    z-index: 4;

    width: 90px;
    height: 90px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--fd-gold);

    background: var(--fd-paper);
}


#cap-fractales-page .fd-mini-item {

    display: grid;

    grid-template-columns: 55px 1fr;

    gap: 25px;

    padding:
        25px 0;

    border-bottom:
        1px solid rgba(43,26,16,.15);
}


#cap-fractales-page .fd-mini-item > span {

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;
}


#cap-fractales-page .fd-mini-item strong {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 19px;

    font-weight: 500;
}


#cap-fractales-page .fd-mini-item p {

    color: #654f3d;

    font-size: 16px;

    margin:
        7px 0 0;
}


/* ============================================================
   FINAL FRACTAL
============================================================ */

#cap-fractales-page .fd-final-fractal {

    overflow: hidden;
}


#cap-fractales-page .fd-final-fractal-content {

    text-align: center;

    max-width: 900px;

    margin:
        0 auto;
}


#cap-fractales-page .fd-final-fractal-content p {

    max-width: 650px;

    margin:
        0 auto;

    color: var(--fd-soft);

    font-size: 19px;

    line-height: 1.75;
}


#cap-fractales-page .fd-final-pattern {

    position: relative;

    width: 520px;
    height: 520px;

    max-width: 100%;

    margin:
        80px auto
        0;
}


#cap-fractales-page .fd-pattern-circle {

    position: absolute;

    left: 50%;
    top: 50%;

    border:
        1px solid rgba(201,154,74,.4);

    border-radius: 50%;

    transform: translate(-50%, -50%);
}


#cap-fractales-page .p1 {
    width: 500px;
    height: 500px;
}

#cap-fractales-page .p2 {
    width: 390px;
    height: 390px;
}

#cap-fractales-page .p3 {
    width: 280px;
    height: 280px;
}

#cap-fractales-page .p4 {
    width: 170px;
    height: 170px;
}

#cap-fractales-page .p5 {
    width: 60px;
    height: 60px;

    background: var(--fd-gold);
}


/* ============================================================
   EVOLUTION
============================================================ */

#cap-fractales-page .fd-evolution {

    background: var(--fd-paper);
}


#cap-fractales-page .fd-evolution-path {

    display: flex;

    align-items: center;

    justify-content: center;
}


#cap-fractales-page .fd-evolution-step {

    text-align: center;
}


#cap-fractales-page .fd-evolution-step span {

    display: flex;

    width: 60px;
    height: 60px;

    margin:
        0 auto 20px;

    border:
        1px solid var(--fd-gold);

    border-radius: 50%;

    align-items: center;

    justify-content: center;

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 10px;
}


#cap-fractales-page .fd-evolution-step strong {

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 12px;

    letter-spacing: 2px;

    font-weight: 500;
}


#cap-fractales-page .fd-evolution-line {

    width: 100px;

    height: 1px;

    margin:
        0 20px;

    background: var(--fd-gold);

    opacity: .4;
}


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

#cap-fractales-page .fd-cta {

    position: relative;

    min-height: 620px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            rgba(201,154,74,.13),
            transparent 38%
        ),
        var(--fd-night);

    color: var(--fd-cream);

    text-align: center;
}


#cap-fractales-page .fd-cta-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;
}


#cap-fractales-page .fd-cta-bg span {

    position: absolute;

    left: 50%;
    top: 50%;

    border:
        1px solid rgba(201,154,74,.15);

    border-radius: 50%;

    transform: translate(-50%, -50%);
}


#cap-fractales-page .fd-cta-bg span:nth-child(1) {

    width: 900px;
    height: 900px;
}


#cap-fractales-page .fd-cta-bg span:nth-child(2) {

    width: 600px;
    height: 600px;
}


#cap-fractales-page .fd-cta-bg span:nth-child(3) {

    width: 300px;
    height: 300px;
}


#cap-fractales-page .fd-cta-content {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 900px;

    margin:
        0 auto;

    padding:
        80px 30px;
}


#cap-fractales-page .fd-cta-content p {

    max-width: 600px;

    margin:
        0 auto 40px;

    color: var(--fd-soft);

    font-size: 20px;

    line-height: 1.7;
}


#cap-fractales-page .fd-btn-large {

    min-width: 260px;

    min-height: 68px;
}


#cap-fractales-page .fd-pdf-note {

    display: block;

    margin-top: 20px;

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 9px;

    letter-spacing: 3px;

    color: var(--fd-soft);
}


/* ============================================================
   BOOK NAVIGATION
============================================================ */

#cap-fractales-page .fd-book-navigation {

    background: #0e0906;

    color: var(--fd-cream);
}


#cap-fractales-page .fd-book-nav-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;
}


#cap-fractales-page .fd-book-nav {

    min-height: 190px;

    padding:
        40px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    transition:
        background .3s ease;
}


#cap-fractales-page .fd-book-nav:hover {

    background: var(--fd-brown);
}


#cap-fractales-page .fd-book-nav span {

    color: var(--fd-gold);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 9px;

    letter-spacing: 3px;

    margin-bottom: 12px;
}


#cap-fractales-page .fd-book-nav strong {

    color: var(--fd-cream);

    font-family:
        "Cinzel",
        Georgia,
        serif;

    font-size: 24px;

    font-weight: 500;
}


#cap-fractales-page .fd-book-nav.collection {

    text-align: right;

    align-items: flex-end;

    border-left:
        1px solid rgba(201,154,74,.2);
}


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

@media (max-width: 1024px) {

    #cap-fractales-page .fd-container {

        width: min(
            100% - 50px,
            900px
        );
    }


    #cap-fractales-page .fd-hero {

        min-height: 700px;
    }


    #cap-fractales-page .fd-hero-content {

        max-width: 850px;

        padding:
            100px 25px
            80px;
    }


    #cap-fractales-page .fd-hero h1 {

        font-size: clamp(
            48px,
            8vw,
            78px
        );
    }


    #cap-fractales-page .fd-intro-grid {

        grid-template-columns:
            60px
            1fr;

        gap: 35px;
    }


    #cap-fractales-page .fd-intro-symbol {

        grid-column: 2;

        margin-top: 20px;
    }


    #cap-fractales-page .fd-duality-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    #cap-fractales-page .fd-fractal-layout,
    #cap-fractales-page .fd-geometry-grid,
    #cap-fractales-page .fd-water-grid,
    #cap-fractales-page .fd-consciousness-grid,
    #cap-fractales-page .fd-schumann-grid,
    #cap-fractales-page .fd-teragone-layout {

        gap: 60px;
    }


    #cap-fractales-page .fd-nature-grid {

        grid-template-columns:
            repeat(3, 1fr);
    }


    #cap-fractales-page .fd-moon-cycle {

        flex-wrap: wrap;
    }

}


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

@media (max-width: 767px) {

    #cap-fractales-page .fd-container {

        width:
            calc(100% - 36px);
    }


    #cap-fractales-page .fd-section {

        padding:
            85px 0;
    }


    /* HERO */

    #cap-fractales-page .fd-hero {

        min-height:
            680px;

        width: 100%;
    }


    #cap-fractales-page .fd-hero-content {

        width: 100%;

        max-width: none;

        padding:
            90px 18px
            70px;

        margin:
            0 auto !important;

        align-items: center;

        justify-content: center;

        text-align: center !important;
    }


    #cap-fractales-page .fd-eyebrow {

        width: 100%;

        margin:
            0 auto 20px;
    }


    #cap-fractales-page .fd-hero h1 {

        width: 100%;

        max-width: 100%;

        font-size:
            clamp(43px, 13vw, 62px);

        line-height:
            .95;

        margin:
            0 auto 24px !important;

        text-align:
            center !important;
    }


    #cap-fractales-page .fd-hero-subtitle-wrap {

        width: 100%;

        max-width: 100%;

        margin:
            0 auto 17px !important;

        padding:
            0 8px;
    }


    #cap-fractales-page .fd-hero-subtitle {

        width: 100%;

        max-width: 100%;

        font-size: 23px;

        line-height: 1.3;

        margin:
            0 auto !important;

        text-align:
            center !important;
    }


    #cap-fractales-page .fd-hero-description-wrap {

        width: 100%;

        max-width: 100%;

        margin:
            0 auto 30px !important;

        padding:
            0 10px;
    }


    #cap-fractales-page .fd-hero-description {

        width: 100%;

        max-width: 100%;

        font-size: 17px;

        line-height: 1.5;

        margin:
            0 auto !important;

        text-align:
            center !important;
    }


    #cap-fractales-page .fd-hero-actions {

        flex-direction: column;

        gap: 12px;

        width: 100%;
    }


    #cap-fractales-page .fd-btn {

        width: 100%;

        max-width: 280px;
    }


    #cap-fractales-page .fd-scroll {

        margin-top:
            40px;
    }


    /* GENERIC */

    #cap-fractales-page .fd-section-header h2,
    #cap-fractales-page .fd-intro-main h2,
    #cap-fractales-page .fd-geometry-copy h2,
    #cap-fractales-page .fd-water-copy h2,
    #cap-fractales-page .fd-consciousness-copy h2,
    #cap-fractales-page .fd-schumann-copy h2,
    #cap-fractales-page .fd-final-fractal-content h2,
    #cap-fractales-page .fd-cta-content h2 {

        font-size:
            clamp(39px, 12vw, 55px);
    }


    /* INTRO */

    #cap-fractales-page .fd-intro-grid {

        display: flex;

        flex-direction: column;

        gap: 30px;

        text-align: center;
    }


    #cap-fractales-page .fd-section-number {

        writing-mode:
            horizontal-tb;
    }


    #cap-fractales-page .fd-intro-main p {

        font-size: 17px;
    }


    #cap-fractales-page .fd-intro-main .fd-lead {

        font-size: 21px;
    }


    #cap-fractales-page .fd-intro-symbol {

        width: 280px;
        height: 280px;
    }


    #cap-fractales-page .ring-a {

        width: 270px;
        height: 270px;
    }


    /* FRACTALES */

    #cap-fractales-page .fd-fractal-layout,
    #cap-fractales-page .fd-geometry-grid,
    #cap-fractales-page .fd-water-grid,
    #cap-fractales-page .fd-consciousness-grid,
    #cap-fractales-page .fd-schumann-grid,
    #cap-fractales-page .fd-teragone-layout {

        display: flex;

        flex-direction: column;

        gap: 55px;
    }


    #cap-fractales-page .fd-fractal-visual {

        min-height: 400px;
    }


    #cap-fractales-page .fd-fractal-tree {

        transform:
            scale(.8);
    }


    /* DUALIDADES */

    #cap-fractales-page .fd-duality-grid {

        grid-template-columns:
            1fr;
    }


    #cap-fractales-page .fd-duality-card {

        min-height:
            330px;
    }


    /* GEOMETRY */

    #cap-fractales-page .fd-geometry-visual {

        width: 330px;
        height: 330px;
    }


    #cap-fractales-page .geo-circle-1 {

        width: 310px;
        height: 310px;
    }


    #cap-fractales-page .geo-circle-2 {

        width: 230px;
        height: 230px;
    }


    #cap-fractales-page .geo-circle-3 {

        width: 150px;
        height: 150px;
    }


    #cap-fractales-page .geo-circle-4 {

        width: 80px;
        height: 80px;
    }


    #cap-fractales-page .fd-geo-square {

        width: 200px;
        height: 200px;
    }


    /* NATURALEZA */

    #cap-fractales-page .fd-nature-grid {

        grid-template-columns:
            1fr;
    }


    #cap-fractales-page .fd-nature-image {

        height: 270px;
    }


    /* WATER */

    #cap-fractales-page .fd-water-visual {

        width: 100%;

        height: 350px;
    }


    #cap-fractales-page .water-ring-1 {

        width: 310px;
        height: 310px;
    }


    #cap-fractales-page .water-ring-2 {

        width: 230px;
        height: 230px;
    }


    #cap-fractales-page .water-ring-3 {

        width: 140px;
        height: 140px;
    }


    /* CYCLES */

    #cap-fractales-page .fd-moon-cycle {

        flex-direction: column;

        gap: 20px;
    }


    #cap-fractales-page .fd-cycle-line {

        width: 1px;

        height: 35px;
    }


    /* ALCHEMY */

    #cap-fractales-page .fd-alchemy-grid {

        display: flex;

        flex-direction: column;

        gap: 25px;
    }


    #cap-fractales-page .fd-alchemy-connector {

        width: 1px;

        height: 45px;
    }


    /* CONSCIOUSNESS */

    #cap-fractales-page .fd-consciousness-visual {

        width: 320px;
        height: 320px;
    }


    #cap-fractales-page .fd-consciousness-circle {

        width: 175px;
        height: 175px;

        padding-top: 25px;

        font-size: 8px;
    }


    #cap-fractales-page .fd-consciousness-center {

        width: 55px;
        height: 55px;
    }


    /* SCHUMANN */

    #cap-fractales-page .fd-schumann-visual {

        height: 300px;
    }


    #cap-fractales-page .fd-wave {

        width: 420px;
        height: 120px;
    }


    /* TERAGONES */

    #cap-fractales-page .fd-teragone-visual {

        height: 340px;
    }


    #cap-fractales-page .fd-teragone-shape {

        width: 150px;
        height: 150px;
    }


    /* FINAL */

    #cap-fractales-page .fd-final-pattern {

        width: 330px;
        height: 330px;

        margin-top:
            55px;
    }


    #cap-fractales-page .p1 {

        width: 320px;
        height: 320px;
    }


    #cap-fractales-page .p2 {

        width: 250px;
        height: 250px;
    }


    #cap-fractales-page .p3 {

        width: 180px;
        height: 180px;
    }


    #cap-fractales-page .p4 {

        width: 110px;
        height: 110px;
    }


    #cap-fractales-page .p5 {

        width: 45px;
        height: 45px;
    }


    /* EVOLUTION */

    #cap-fractales-page .fd-evolution-path {

        flex-direction: column;

        gap: 20px;
    }


    #cap-fractales-page .fd-evolution-line {

        width: 1px;

        height: 45px;

        margin:
            0;
    }


    /* CTA */

    #cap-fractales-page .fd-cta {

        min-height:
            570px;
    }


    #cap-fractales-page .fd-cta-content {

        padding:
            70px 20px;
    }


    /* NAV */

    #cap-fractales-page .fd-book-nav-grid {

        grid-template-columns:
            1fr;
    }


    #cap-fractales-page .fd-book-nav.collection {

        text-align: left;

        align-items: flex-start;

        border-left: 0;

        border-top:
            1px solid rgba(201,154,74,.2);
    }

}


/* ============================================================
   ELEMENTOR OVERRIDES
   SOLO DENTRO DE ESTA PÁGINA
============================================================ */

#cap-fractales-page .elementor-widget-container {

    width: 100%;

    margin: 0;

    padding: 0;
}


#cap-fractales-page .fd-hero * {

    box-sizing: border-box;
}


/*
   IMPORTANTE:
   Evita que Elementor pueda desplazar horizontalmente
   el subtítulo del Hero.
*/

#cap-fractales-page .fd-hero,
#cap-fractales-page .fd-hero-content,
#cap-fractales-page .fd-hero-subtitle-wrap,
#cap-fractales-page .fd-hero-subtitle {

    position: relative;

    left: 0 !important;

    right: auto !important;

    transform: none !important;
}


/*
   Centrado final forzado del subtítulo.
*/

#cap-fractales-page .fd-hero-subtitle-wrap {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin-left: auto !important;

    margin-right: auto !important;
}


#cap-fractales-page .fd-hero-subtitle {

    margin-left: auto !important;

    margin-right: auto !important;

    text-align: center !important;
}/* End custom CSS */