/*
Theme Name: PRAEYC
Theme URI:  https://praeyx.org
Author:     LOTGrafix
Author URI: https://lotgrafix.com
Template:   lotgrafix
Version:    1.0
License:    GNU General Public License v2 or later
*/


/*************** Theme Structure *****************/

:root{
    --url_link: #ef6623;
    --before:   #ef6623;
    --span:     #ef6623;
    --btn_back: #ef6623;
    --slide_back: linen;
    --slide_dots: rgba(255, 255, 255, .5);
}

/******* Global Layout ********/
li:before{color:var(--before)}
img.logo {max-height:3.75em}

/******* Home Layout ********/
#body{background-image:
    linear-gradient(to bottom right, transparent 0%, #fed 25%, transparent 25%, #fed 50%, transparent 50%, #fed 75%, transparent 75%, #fed 100%),
    linear-gradient(to top right, #fff 0%, #fed 25%, #fff 25%, #fed 50%, #fff 50%, #fed 75%, #fff 75%, #fed 100%)}

.home #body #content{max-width:1280px}
.home #body .page{background-color:transparent}
.home #body .design-top{border-color:rgba(255,150,50,.25) transparent;position:absolute;border-width:100px 49vw 0 49vw;border-style:solid;max-width:100vw}
.home #body .design-bottom{border-color:rgba(255,150,50,.25) transparent;border-width:0 49vw 50px 49vw;border-style:solid}
.home #body .home-title{color:#000;font-family:system-ui;font-size:200%;margin:0 auto 60px;text-align:center}
.home #body .home-title:after{content:'';position:absolute;width:200px;height:4px;background-color:#f30;bottom:0;left:0;margin:auto;right:0;top:120%}
.home #content .post-content h2.page-title{text-align:center;}


/******* Header Layout ********/

#header #slideshow {align-items: center;}
#header #slideshow #slide-image #slide-array img{opacity:0.25}
#header #slideshow #slide-quote #slide-text img {width: 50em;max-width: 100%;max-height: -webkit-fill-available;}

#header #fixed-bar{background-color:rgba(255,255,255,.98);box-shadow:0 5px 50px rgb(0 0 0 / 90%); background-image:linear-gradient(120deg, transparent 40%, var(--span) 40%, var(--span) 41%, #111 41%)}
#header #fixed-bar #site-name{margin-top:-10px}
#header #fixed-bar #site-name .site-title{margin-bottom:-5px}
#header #low-bar{border-bottom:0}

#mid-bar .widget_nav_menu > div > ul.menu > li a{padding: 8px 0;border-bottom: 2px solid transparent;margin: 0 16px}
#mid-bar .widget_nav_menu > div > ul.menu > li a:hover{border-bottom: 2px solid var(--span)}

/******* Footer Layout ********/
#footer{border-top:none}
#footer .widgets{color:#aaa}
#footer .widgets :is(strong,b){color:#fff}
#footer .widgets .widget-title{text-align:center}
#footer .widgets span.post-date{margin-left:5px}
#footer #credits{background-color:#fed;background-image:linear-gradient(to bottom right, transparent 0%, #fed 33%, transparent 33%, #FEd 100%), linear-gradient(to top right, #fff 25%, #fed 50%, #fff 75%, #fed 100%)}
#footer #credits .widget_media_image img{max-height:3em}


/******* Inner Layout ********/
#content article.hentry {
    border-bottom-width: 0;
    margin: 2em 0;
    border-radius: 1em;
    padding: 1em !important;
    list-style-type: none;
}

.pane-node-field-book-cover-image {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 10 / 6;
    align-items: center;
    display: inline-flex;
}
.pane-paragraphs-item-field-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}
.entity-panels-entity {
    background-color: white;
    margin: 1em auto;
    padding: 0.5em;
    border-radius: 0.5em;
    flex:0 0 calc(32%);
    align-self: flex-start;
}
.entity-panels-entity a {
    text-decoration: none;
    font-weight: normal;
    color: black;
}
.spotlight__media{
    border-radius:0.5em;
}
.spotlight__media img {
    width: 100%;
}
.spotlight__content h3 {
    border: none;
    font-family: Arial;
    font-size: 90%;
    line-height: 100%;
    padding-bottom: 0;
    padding-top: 0.5em;
    margin: 0;
}
.membership-indicator, .entity-panels-entity span {
    display: none;
}

.store-link {
    padding: 6px 18px;
    background-color: var(--url_link);
    color: #fff !important;
    border-radius: 4px;
}

.commentlist ul article{background-color:transparent}

button.form-control__button{background-color:#000 !important}
button.form-control__button:hover{background-color:#333 !important}
button.edd-submit.button{border:transparent}
button span.edd-add-to-cart-label{color:#fff;font-weight:bold}
a.edd_cart_remove_item_btn{color:#000}

.edd_purchase_submit_wrapper{text-align:center;border-top-width:1px;padding-top:30px}
#jp-carousel-library-loading{display:none}

#checkbox-1.forminator-field-checkbox{margin-left:30px}
#checkbox-1.forminator-field-checkbox .forminator-checkbox-label{margin:0; font-size: 120%;font-weight: bold;color:var(--span)}
.forminator-ui#forminator-module-3049.forminator-design--default .forminator-label {font-size: inherit !important;}
.forminator-ui#forminator-module-3049.forminator-design--default .forminator-description {font-size: inherit !important;}
.forminator-ui#forminator-module-3049.forminator-design--default .forminator-button-submit {font-size: inherit !important;}


div.edd_cart_item_image{float: left; width: 5em;margin: 0 1em 0 0}


@media all and (min-width:961px) {
    #mid-bar .widget_nav_menu > div > ul.menu > li a{color:#fff !important}
}


@media all and (max-width:960px) {

    /* Homepage */
    #bienvenidos .sidebar.fr{display:block;width:90%}
    .welcome_message{text-align:justify}
    .spotlight__content h3{font-size:inherit}

    /* Footer */
    #footer #site-logo{display:none}

    .entity-panels-entity{flex: 0 0 calc(50% - 20px)}
    .post-buttons .post-link .btn{padding:0.5em 0.75em}
    #checkbox-1.forminator-field-checkbox .forminator-checkbox-label{font-size: 2em}

    a.store-link::before {
        content: "Tienda";
        background-color: var(--url_link);
        display: inline-block;
        border-radius: 4px;
        padding: 4px 12px;
        font-size: 16px;        
    }

    a.store-link {
        background-color: none;
        font-size: 0;
        padding: 0;
    }

}

@media all and (max-width:960px) and (orientation: landscape) {

    .home #header .slideshow {
        height: 100vh;
    }

    img.logo {
        max-height: 40px;
    }

    #footer .widgets aside {
        width: 50%;
    }

}

@media (max-width: 720px) and (orientation: portrait) {

    #header #fixed-bar img.logo {
        max-height: 1.5em
    }

    .entity-panels-entity {
        flex: 0 0 calc(100% - 20px);
    }

}

:root {
    --table_back: #eee;
    --tr_back: #fff;
    --th_back: #000;
    --table_nth: #fafafa;
}









    /* Todo el estilo está limitado a este bloque para una integración segura en WordPress. */
    main .ws:has(.praeyc-proposal) {max-width: 1600px}
    main .ws:has(.praeyc-proposal) :is(.page-header hr, .page-title) {display: none;}
    main .ws:has(.praeyc-proposal) #content article.hentry {background-color: transparent; margin: 0;}

    .praeyc-proposal {--ink:#173a4d;--teal:#147a7e;--gold: #e93;--mist: rgba(225,200,175,.5);--paper:#fff;--line:rgba(200,100,0, 0.15);--muted:#4d626b;color:var(--ink);font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.6;background-color:transparent;max-width:none;margin:0;box-shadow:none;}
    .praeyc-proposal h1, .praeyc-proposal h2, .praeyc-proposal h3, .praeyc-proposal p { margin-top:0; }
    .praeyc-proposal h1, .praeyc-proposal h2 { font-family:Georgia, "Times New Roman", serif; line-height:1.18; }
    .praeyc-proposal h1 { max-width:760px; margin-bottom:1rem; font-size:clamp(2rem, 5vw, 3.75rem); letter-spacing:-.025em; text-shadow: 0 0 1em #fff, 0 0 2em #fff, 0 0 3em #fff;}
    .praeyc-proposal h2 { margin-bottom:1rem; }
    .praeyc-proposal h3 { line-height:1.3; }
    .praeyc-proposal .eyebrow { margin-bottom:.8rem; color:#fff; font-weight:700; font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; text-shadow: 0 0 1em #000, 0 0 2em #000, 0 0 3em #000; }
    .praeyc-proposal .lead { max-width:700px; margin-bottom:0; font-size:1.13rem; color:#284d5d; }
    .praeyc-proposal .hero { position:relative; overflow:hidden; padding:clamp(2.5rem, 7vw, 5rem) clamp(1.25rem, 5vw, 4.5rem); color:#fff; background-color:wheat; }
    .praeyc-proposal .hero-media { position:absolute; inset:0; margin:0; }
    .praeyc-proposal .hero-media img { width:100%; height:100%; object-fit:cover; object-position:right; opacity:0.75; }
    .praeyc-proposal .hero::before { content:""; position:absolute; inset:0; opacity: 0.25; background-image:linear-gradient(90deg, rgba(12,48,65,.98) 0%, rgba(16,91,96,.91) 39%, rgba(16,91,96,.45) 67%, rgba(16,91,96,.12) 100%); }
    .praeyc-proposal .hero::after { content:""; position:absolute; width:26rem; height:26rem; right:-12rem; top:-13rem; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 2.4rem rgba(255,255,255,.035), 0 0 0 5.7rem rgba(255,255,255,.025); pointer-events:none; }
    .praeyc-proposal .hero-layout { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) 10.5rem; gap:2.5rem; }
    .praeyc-proposal .hero-index { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:10.5rem; border:1px solid rgba(255,255,255,.3); background-color:rgba(100,50,0,.9); text-align:center; }
    .praeyc-proposal .hero-index-number { display:block; color:var(--gold); font-family:Georgia, "Times New Roman", serif; font-size:4.4rem; font-weight:700; line-height:.9; }
    .praeyc-proposal .hero-index-label { display:block; max-width:7rem; margin-top:.65rem; color:#e8f3f2; font-size:.71rem; font-weight:700; letter-spacing:.12em; line-height:1.35; text-transform:uppercase; }
    .praeyc-proposal .hero .lead { color:#eff8f7; }
    .praeyc-proposal .hero-rule { width:4.2rem; height:4px; margin:1.6rem 0; border:0; background-color:var(--gold); }
    .praeyc-proposal .hero-points { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.75rem; max-width:900px; margin:2rem 0 0; padding:0; list-style:none; }
    .praeyc-proposal .hero-points li { padding: 1.5rem; background-color: rgba(0, 50, 50, .9);}
    .praeyc-proposal .button {display:inline-flex;align-items:center;justify-content:center;min-height:3rem;margin-top:1.65rem;padding:.78rem 1.15rem;color: #fff;background-color: var(--span);font-size:.9rem;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow: 0 0 3em rgba(255,150,50,.5);border: 1px solid rgba(255,225,150,0);transition-duration: 0.5s;}
    .praeyc-proposal .button:hover, .praeyc-proposal .button:focus-visible {transform:translateY(-2px);border: 1px solid rgba(255,225,150,.5);box-shadow: 0 0 3em rgba(255,150,50,1);}
    .praeyc-proposal .section { padding:2em}
    .praeyc-proposal .section--tint { background-color:var(--mist); }
    .praeyc-proposal .intro-grid { display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(240px, .65fr); gap:2rem; align-items:start; }
    .praeyc-proposal .intro-copy { max-width:770px; color:var(--muted); }
    .praeyc-proposal .note { padding:1.45rem; border-left:4px solid var(--gold); background-color:#fffdf8; color:#314d59; }
    .praeyc-proposal .note p:last-child { margin-bottom:0; }
    .praeyc-proposal .approach-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin-top:2rem; }
    .praeyc-proposal .approach-card { padding:1.35rem; border-top:3px solid var(--gold); background-color:var(--mist); }
    .praeyc-proposal .approach-card h3 { margin:.85rem 0 .35rem; }
    .praeyc-proposal .approach-card p { margin:0; color:var(--muted); font-size:.94rem; }
    .praeyc-proposal .pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
    .praeyc-proposal .pillar {padding:1.35rem;border-top: 4px solid var(--gold);background-color:var(--mist);}
    .praeyc-proposal .pillar h3 {margin:.8rem 0 .4rem;text-align: center;}
    .praeyc-proposal .pillar p { margin:0; color:var(--muted); font-size:.94rem; }
    .praeyc-proposal .icon {display:grid;place-items:center;width: 4rem;height: 4rem;border-radius:50%;background-color:var(--teal);color:#fff;}
    .praeyc-proposal .icon svg {width: 2.5rem;height: 2.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width: 1;}
    .praeyc-proposal .section-label { display:block; margin-bottom:.7rem; color:var(--teal); font-size:.78rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
    .praeyc-proposal .catalog-intro { max-width:760px; margin-bottom:1.75rem; color:var(--muted); }
    .praeyc-proposal .benefit-strip { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin:0 0 2rem; }
    .praeyc-proposal .benefit { min-height:100%; padding:1.1rem 1.1rem 1.1rem 3.8rem; position:relative; border:1px solid var(--line); background-color:#fff; color:#405963; }
    .praeyc-proposal .benefit::before { position:absolute; left:1.1rem; top:1.05rem; display:grid; place-items:center; width:1.75rem; height:1.75rem; border-radius:50%; background-color:var(--teal); color:#fff; font-weight:700; }
    .praeyc-proposal .benefit:nth-child(1)::before { content:"✓"; }
    .praeyc-proposal .benefit:nth-child(2)::before { content:"↔"; }
    .praeyc-proposal .benefit:nth-child(3)::before { content:"+"; }
    .praeyc-proposal .benefit strong { display:block; margin-bottom:.18rem; color:var(--ink); }
    .praeyc-proposal .category-map { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:.75rem; margin:0 0 2rem; }
    .praeyc-proposal .category-card { min-height:100%; padding:1.1rem; border:1px solid var(--line); background-color:#fff; }
    .praeyc-proposal .category-card:nth-child(2n) { background-color:#f8fbfb; }
    .praeyc-proposal .category-card .category-number { display:block; margin-bottom:.6rem; color:var(--gold); font-size:.75rem; font-weight:700; letter-spacing:.1em; }
    .praeyc-proposal .category-card h3 { margin:0 0 .55rem; color:var(--teal); line-height:1.25; }
    .praeyc-proposal .category-card p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.45; }
    .praeyc-proposal .accordion { display:block; width:100%; }
    .praeyc-proposal .accordion > details { display:block !important; width:100% !important; margin:0 0 .7rem !important; overflow:hidden; border:1px solid var(--line); border-radius:.3rem; background-color:#fff; }
    .praeyc-proposal summary { position:relative; display:flex !important; width:100% !important; align-items:center; gap:1rem; padding:1.05rem 3.4rem 1.05rem 1.15rem; cursor:pointer; color:var(--ink); font-weight:700; list-style:none; }
    .praeyc-proposal summary::-webkit-details-marker { display:none; }
    .praeyc-proposal summary::after { content:"+"; position:absolute; right:1.15rem; top:50%; color:var(--teal); font-size:1.55rem; font-weight:400; line-height:1; transform:translateY(-53%); }
    .praeyc-proposal details *{margin:0}
    .praeyc-proposal details[open] summary { border-bottom:1px solid var(--line); background-color:#fbfdfd; }
    .praeyc-proposal details[open] summary::after { content:"–"; }
    .praeyc-proposal .area-number { flex:0 0 auto; color:var(--gold); font-size:.78rem; letter-spacing:.08em; }
    .praeyc-proposal .area-content { padding:1.1rem 1.15rem 1.35rem; }
    .praeyc-proposal .area-content ul { margin:0; padding:0; list-style:none !important; }
    .praeyc-proposal .area-content li { position:relative; padding-left:1.25rem; list-style:none !important; }
    .praeyc-proposal .area-content li::before { content:none !important; }
    .praeyc-proposal .area-content li::after { content:""; position:absolute; top:.68em; left:0; width:.45rem; height:.45rem; border-radius:50%; background-color:var(--gold); }
    .praeyc-proposal .area-content li + li { margin-top:.5rem; }
    .praeyc-proposal .supplemental { margin-top:2.25rem; padding-top:2.25rem; border-top:1px solid var(--line); }
    .praeyc-proposal .two-column { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; }
    .praeyc-proposal .card { padding:1.5rem; border:1px solid var(--line); background-color:#fff; }
    .praeyc-proposal .card h3 { margin-bottom:.6rem; color:var(--teal); }
    .praeyc-proposal .card p:last-child { margin-bottom:0; }
    .praeyc-proposal .logistics { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; }
    .praeyc-proposal .logistics .card { border-top:4px solid var(--gold); }
    .praeyc-proposal .cta { padding:clamp(2.5rem, 6vw, 4.5rem); text-align:center; color:#fff; background-color:var(--ink); }
    .praeyc-proposal .cta h2 { margin:0 auto 1rem; color:#fff; text-align: center;}
    .praeyc-proposal .cta p { margin:0 auto; color:#e6f0f1; max-width: 75%;}
    .praeyc-proposal .cta .button {color: #fff;background-color: var(--span);box-shadow: none;}
    .praeyc-proposal .cta .button:hover, .praeyc-proposal .cta .button:focus-visible {color:#fff;}
    .praeyc-proposal .cta-mark { display:block; width:3.5rem; height:3px; margin:0 auto 1.4rem; background-color:var(--gold); }
    .praeyc-proposal .route { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
    .praeyc-proposal .route-card { position:relative; padding:1.4rem; border:1px solid var(--line); background-color:#fff; }
    .praeyc-proposal .route-card::before { content:""; position:absolute; top:0; left:0; width:100%; height:4px; background-color:var(--gold); }
    .praeyc-proposal .route-number { display:block; margin-bottom:1.25rem; color:var(--gold); font-size:.78rem; font-weight:700; letter-spacing:.12em; }
    .praeyc-proposal .route-card h3 { margin-bottom:.6rem; color:var(--teal); }
    .praeyc-proposal .route-card p { margin-bottom:0; color:var(--muted); }
    .praeyc-proposal .footer { padding:1.45rem 1.25rem; text-align:center; color:#587079; font-size:.92rem; }
    .praeyc-proposal .route-footnote { max-width:820px; margin:1.4rem 0 0; color:var(--muted); font-size:.94rem; }
    .praeyc-proposal .support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
    .praeyc-proposal .support { padding:1.35rem; border:1px solid var(--line); background-color:#fff; }
    .praeyc-proposal .support h3 { margin-bottom:.45rem; color:var(--teal); }
    .praeyc-proposal .support p { margin-bottom:0; color:var(--muted); }
    .praeyc-proposal .considerations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
    .praeyc-proposal .considerations .support { border-top:4px solid var(--gold); }
    .praeyc-proposal .resource { margin-top:1.5rem; padding:1rem 1.15rem; border-left:4px solid var(--teal); background-color:#eaf4f3; color:#34525c; }
    .praeyc-proposal .resource p { margin:0; }
    .praeyc-proposal .resource a { color:var(--ink); font-weight:700; }
    #content .post-content .praeyc-proposal article.pillar { border-bottom:none; }

    @media (max-width:990px) { .praeyc-proposal .category-map { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
    @media (max-width:768px) { .praeyc-proposal .support-grid, .praeyc-proposal .considerations, .praeyc-proposal .hero-layout, .praeyc-proposal .intro-grid, .praeyc-proposal .two-column, .praeyc-proposal .logistics, .praeyc-proposal .benefit-strip, .praeyc-proposal .approach-grid { grid-template-columns:1fr; } .praeyc-proposal .hero-index { width:10rem; min-height:10rem; } .praeyc-proposal .section{padding:1em} }
    @media (max-width:520px) { .praeyc-proposal .category-map { grid-template-columns:1fr; } }
    @media (max-width:620px) { .praeyc-proposal .hero-points { grid-template-columns:1fr; } }
    @media (prefers-reduced-motion:reduce) { .praeyc-proposal * { scroll-behavior:auto; transition:none !important; } }