/* =========================================================
   MENTE EN ARMONÍA
   Freddy Duarte
   Bootstrap 3 Compatible
========================================================= */


/* =====================
   GENERAL
===================== */

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Open Sans", Arial, sans-serif;
    color:#555;
    line-height:1.8;
}


.container{
    position:relative;
    z-index:2;
}



/* =====================
   MENU PRINCIPAL
===================== */


#main-menu{

    position:absolute;
    top:0;
    left:0;

    width:100%;

    z-index:9999;

    background:transparent;

    border:none;

    box-shadow:none;

    padding:15px 0;

}


/* Logo */

#main-menu .navbar-brand{

    padding:0;

}


#main-menu .navbar-brand img{

    max-height:75px;

}



/* Links */

#main-menu .navbar-nav > li > a{

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    padding:25px 18px;

    background:transparent;

}



#main-menu .navbar-nav > li > a:hover{

    color:#B8894A;

    background:transparent;

}



/* MENU CUANDO HACE SCROLL */

#main-menu.scrolled{

    position:fixed;

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

    box-shadow:0 2px 15px rgba(0,0,0,.15);

}


#main-menu.scrolled .navbar-nav > li > a{

    color:#555;

}



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


#hero{

    min-height:720px;

    position:relative;

    display:flex;

    align-items:center;

    background-image:url('../images/slider/bg1.jpg');

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}



/* Oscurecimiento */

#hero:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.45);

}



/* Texto */

.hero-content{

    position:relative;

    z-index:3;

    color:white;

    max-width:520px;

    padding-top:80px;

}



.hero-subtitle{

    color:#B8894A;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    display:block;

    margin-bottom:20px;

}



.hero-content h1{
    font-size:38px;
    line-height:1.2;
	font-family: Georgia, "Times New Roman", serif;
    font-weight:700;
    color:white;
    margin-bottom:20px;
}



.hero-content h1 span{

    color:#B8894A;

}



.hero-content p{
    font-size:16px;
    line-height:1.7;
	margin-top:25px;
    margin-bottom:40px;
}



/* =====================
   BOTONES
===================== */


.btn{

    border-radius:0;

    padding:12px 25px;

    font-weight:600;

}


.btn-primary{

    background:#B8894A;

    border-color:#B8894A;

}


.btn-primary:hover{

    background:#9b6d35;

    border-color:#9b6d35;

}


.hero-btn{
    margin-left:15px;
    background:transparent;
	border-color:#B8894A;
    color:#B8894A;
    border:1px solid white;
}


.hero-btn:hover{
    background:#B8894A;
    color:white;
}



/* =====================
   SECCIONES
===================== */


#about,
#services,
#books,
#podcast,
#resources,
#contact{

    padding:90px 0;

}


.section-header{

    text-align:center;

    margin-bottom:60px;

}


.section-title{

    font-size:36px;

    color:#333;

}



/* =====================
   SERVICIOS
===================== */


.media.service-box{

    margin-bottom:40px;

}


.media.service-box h3{

    color:#333;

    font-weight:700;

}



/* =====================
   CONTACTO
===================== */


#contact{

    background:#f7f7f7;

}



/* =====================
   FOOTER
===================== */


footer{

    background:#222;

    color:#aaa;

    padding:30px 0;

    text-align:center;

}



/* =====================
   MOVIL
===================== */


@media(max-width:768px){


#main-menu{

    background:rgba(0,0,0,.75);

}


#main-menu .navbar-nav > li > a{

    color:white;

}



.hero-content{

    text-align:center;

    padding-top:100px;

}


.hero-content h1{

    font-size:32px;

}



#hero{

    min-height:600px;

}


.hero-btn{

    margin-left:0;

    margin-top:15px;

}


}
/* =====================================
   AJUSTE FINAL POSICIÓN MENU HERO
===================================== */

@media(min-width:769px){

    #main-menu .navbar-collapse{
        position:absolute;
        right:-250px;
        top:10px;
    }


    #main-menu .navbar-nav > li > a{
        padding:20px 18px;
    }

}
/* Ajuste logo sobre hero */

@media(min-width:769px){

    #main-menu .navbar-brand{
        position:relative;
        top:-5px;
        left:-100px;
    }

}
/* =================================
   CTA INTRODUCCIÓN
================================= */


#cta{

    padding:80px 0;

    background:#fff;

}


#cta h2{

    font-family:Georgia, "Times New Roman", serif;

    font-size:40px;

    color:#333;

    margin-top:10px;

    margin-bottom:25px;

}



.cta-subtitle{

    color:#B8894A;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}



#cta p{

    font-size:17px;

    line-height:1.8;

    color:#666;

    margin-bottom:20px;

}


.cta-intro{

    font-size:18px !important;

    color:#555 !important;

}



.cta-button{

    display:flex;

    justify-content:center;

    align-items:center;

    height:100%;

}



.cta-button .btn{

    padding:16px 35px;

}



@media(max-width:768px){

    .cta-button{

        margin-top:35px;

    }


    #cta h2{

        font-size:32px;

    }

}

/* =================================
   NUEVA SECCIÓN PROPÓSITO
================================= */


#cta{

    padding:100px 0;

    background:#faf8f3;

}



.cta-text{

    text-align:center;

}



.cta-subtitle{

    color:#B8894A;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}



#cta h2{

    font-family:Georgia, "Times New Roman", serif;

    font-size:45px;

    color:#333;

    margin-top:20px;

    margin-bottom:20px;

}



.cta-line{

    width:70px;

    height:2px;

    background:#B8894A;

    margin:0 auto 35px;

}



#cta p{

    font-size:17px;

    line-height:1.9;

    color:#666;

}



.cta-highlight{

    font-size:19px !important;

}



.cta-highlight strong{

    color:#B8894A;

}



#cta .btn{

    margin-top:35px;

    padding:15px 40px;

}




/* TARJETA DERECHA */


.cta-box{

    background:white;

    padding:35px;

    border:1px solid #eee;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}



.cta-item{

    padding:15px 0;

    border-bottom:1px solid #eee;

}



.cta-item:last-child{

    border-bottom:none;

}



.cta-item h3{

    font-family:Georgia, serif;

    color:#333;

    font-size:22px;

}



.cta-item p{

    font-size:15px !important;

    line-height:1.6 !important;

}




@media(max-width:768px){


#cta h2{

    font-size:34px;

}


.cta-box{

    margin-top:40px;

}


}

.cta-box{
	margin-top:40px;
    border-top:3px solid #B8894A;
}
#cta .btn{

    padding:16px 45px;
    letter-spacing:.5px;

}
#features {
    padding:100px 0;
    background:#fff;
}


#features .section-header {
    max-width:900px;
    margin:0 auto 70px;
}


#features .section-title {
    font-family:"Playfair Display", serif;
    color:#222;
    font-size:42px;
}


#features .service-box {
    margin-bottom:35px;
}


#features .service-box i {

    color:#B8894A;
    font-size:28px;

}


#features .media-heading {

    font-size:22px;
    color:#222;
    margin-bottom:12px;

}


#features p {

    color:#666;
    line-height:1.8;

}



#cta2 {

    background:#faf7f2;
    padding:90px 0;

}


#cta2 h2 {

    font-family:"Playfair Display", serif;
    font-size:40px;
    color:#222;

}


#cta2 p {

    max-width:900px;
    margin:20px auto;
    color:#555;
    line-height:1.8;

}

#features img {
    width:100%;
    max-width:550px;
}
#cta2 {
    padding-top:50px;
}
#features {
    padding-bottom:40px;
}
.service-box h4:after {

    content:"";
    display:block;
    width:35px;
    height:2px;
    background:#B8894A;
    margin-top:10px;

}


.media-body p {

    max-width:520px;

}


/* SECCIÓN SERVICIOS */

#services {

    padding:60px 0;

}


/* Cada área */

#services .service-box {

    margin-bottom:20px;
    min-height:150px;

}


/* Separación segunda fila */

#services .services-second-row {

    margin-top:10px;

}


/* Títulos */

#services .media-heading {

    color:#333;
    font-size:20px;
    font-weight:400;

}


/* Iconos */

#services .pull-left i {

    color:#B8894A;
    font-size:24px;

}

#about {

    background:#f8f5ef;
    padding:90px 0;

}


#about img {

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

}


#about h3 {

    font-size:28px;
    color:#333;
    margin-bottom:25px;

}


#about p {

    font-size:16px;
    line-height:1.8;
    color:#555;

}


#about .btn {

    margin-right:10px;

}

.book-card {
    text-align: center;
    margin-bottom: 50px;
}


.book-img {
    height: 300px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}


.book-img img {
    max-height:280px;
    width:auto;
}


.book-card h3 {
    font-size:20px;
    margin-bottom:15px;
}


.book-card p {
    min-height:80px;
    line-height:1.6;
    text-align:justify;
}


.books-category {
    margin:40px 0 35px;
    font-size:28px;
}


.familias-title {
    margin-top:70px;
}

/*=====================================================
  PODCAST
=====================================================*/

#podcast{
    background:#F8F4EE;
    padding:90px 0;
}

#podcast .section-header{
    margin-bottom:70px;
}

#podcast .section-title{
    margin-bottom:20px;
}

#podcast .section-header p{
    max-width:760px;
    margin:0 auto;
    font-size:18px;
    line-height:1.8;
    color:#666;
}

#podcast .podcast-image{

    border-radius:12px;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    transition:.35s ease;

}

#podcast .podcast-image:hover{

    transform:translateY(-4px);

    box-shadow:0 25px 60px rgba(0,0,0,.16);

}

#podcast h3{

    font-size:34px;

    font-weight:600;

    margin-top:10px;

    margin-bottom:30px;

}

#podcast p{

    font-size:17px;

    line-height:1.9;

    color:#555;

}

#podcast .podcast-list{

    margin:35px 0;

}

#podcast .podcast-list li{

    margin-bottom:14px;

    font-size:17px;

}

#podcast .podcast-list i{

    color:#c1924d;

    width:24px;

}

#podcast .podcast-platforms{

    font-size:17px;

    margin-bottom:35px;

    color:#444;

}

#podcast .podcast-platforms i{

    color:#c1924d;

    font-size:22px;

    margin-right:8px;

}

#podcast .fa-youtube-play{

    color:#cc0000 !important;

}

#podcast .btn{

    padding:14px 36px;

    font-size:16px;

}

/*====================================================
  Curso de Meditación
====================================================*/

#course{

    background:#ffffff;
    padding:90px 0;

}

#course .section-header{

    margin-bottom:60px;

}

.course-image{

    width:100%;
    border-radius:12px;
    box-shadow:0 18px 40px rgba(0,0,0,.15);

}

#course h3{

    font-size:38px;
    font-weight:700;
    color:#444;
    margin-bottom:25px;

}

#course p{

    font-size:17px;
    color:#555;
    line-height:1.9;

}

.course-list{

    margin:30px 0;

}

.course-list li{

    margin-bottom:15px;
    font-size:17px;
    color:#555;

}

.course-list i{

    color:#c69a4a;
    margin-right:10px;
    width:18px;

}

.course-box{

    background:#f8f3ea;
    border-left:5px solid #c69a4a;
    padding:20px;
    border-radius:8px;
    color:#555;
    font-size:17px;
    line-height:1.8;
    margin-bottom:30px;

}

.course-box i{

    color:#c69a4a;
    font-size:24px;
    margin-right:10px;

}

.course-box strong{

    color:#444;
    font-size:22px;

}

#course .btn{

    padding:14px 38px;

}

/*=================================================
=            REALIDAD ACTUAL / PROBLEMAS           =
=================================================*/

#animated-number{
    padding:100px 0;
    background:#F8F3EC;
}

#animated-number .section-header{
    margin-bottom:70px;
}

#animated-number .section-title{
    color:#2f3b36;
    font-weight:700;
}

#animated-number .section-header p{
    max-width:850px;
    margin:20px auto 0;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.impact-box{
    text-align:center;
    padding:35px 25px;
    border-radius:18px;
    background:#ffffff;
    height:100%;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.impact-box:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 50px rgba(0,0,0,.10);
}

.impact-box i{
    font-size:52px;
    color:#B88A44;
    margin-bottom:22px;
}

.impact-box h3{
    margin-bottom:18px;
    font-weight:700;
    color:#2f3b36;
}

.impact-box p{
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.challenge-quote{

    margin-top:80px;
    padding:45px;
    background:#ffffff;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.challenge-quote blockquote{

    border:none;
    margin:0;
    padding:0;
    font-size:28px;
    line-height:1.8;
    color:#2f3b36;
    font-style:italic;

}

.challenge-quote .author{

    margin-top:20px;
    font-weight:600;
    color:#B88A44;

}

.challenge-cta{

    margin-top:35px;

}

/* ==========================================
   CAMINOS DE ACOMPAÑAMIENTO
========================================== */


#pathways {

    background: #f3eadc;

    padding: 90px 0;

}



#pathways .section-title {

    margin-bottom: 20px;

}



#pathways .section-header p {

    max-width: 850px;

    margin: 0 auto 50px;

    line-height: 1.8;

}



/* Tarjetas */

.pathway-box {

    background: rgba(255,255,255,0.65);

    padding: 45px 30px;

    min-height: 390px;

    border-radius: 8px;

    transition: all 0.3s ease;

}



.pathway-box:hover {

    transform: translateY(-8px);

    box-shadow: 0 15px 35px rgba(0,0,0,0.12);

}



/* Iconos */

.pathway-box i {

    color:#b98a45;

    margin-bottom:25px;

}



.pathway-box h3 {

    font-size:24px;

    margin-bottom:20px;

    color:#444;

}



.pathway-box p {

    line-height:1.8;

    color:#666;

    min-height:120px;

}



/* Botones */

#pathways .btn-primary {

    margin-top:25px;

    background:#b98a45;

    border-color:#b98a45;

    padding:12px 30px;

    border-radius:0;

}



#pathways .btn-primary:hover {

    background:#967039;

    border-color:#967039;

}



/* Responsive */

@media(max-width:991px){


    .pathway-box {

        margin-bottom:30px;

    }


}

/* ===================================
   CONTACTO MENTE EN ARMONÍA
=================================== */


#contact {

    background:#ffffff;

    padding:90px 0;

}



.contact-container {

    max-width:1100px;

    margin:auto;

}




.contact-wrapper {

    display:flex;

    gap:70px;

    margin-top:50px;

}



/* IZQUIERDA */

.contact-left {

    width:45%;

}



.contact-left h3 {

    font-size:28px;

    margin-bottom:20px;

}



.contact-left h4 {

    margin-top:35px;

    color:#b98a45;

}



.contact-left p {

    line-height:1.8;

    color:#555;

}



.contact-services {

    list-style:none;

    padding:0;

}



.contact-services li {

    margin-bottom:15px;

}



.contact-services i {

    color:#b98a45;

    margin-right:10px;

}



.contact-data {

    margin-top:35px;

}



.contact-data i {

    color:#b98a45;

    margin-right:10px;

}



/* DERECHA */


.contact-right {

    width:55%;

}



.contact-right input,
.contact-right select,
.contact-right textarea {


    width:100%;

    border:1px solid #ddd;

    padding:14px;

    margin-bottom:18px;

    font-size:14px;

    font-family:inherit;

}



.contact-right textarea {

    resize:none;

}



.contact-right button {


    background:#b98a45;

    color:white;

    border:none;

    padding:14px 40px;

    font-size:15px;

    cursor:pointer;


}



.contact-right button:hover {


    background:#967039;


}



/* RESPONSIVE */


@media(max-width:768px){


.contact-wrapper{

    display:block;

}


.contact-left,
.contact-right{

    width:100%;

}


.contact-right{

    margin-top:40px;

}


}

/* ===============================
   FOOTER
================================ */


#footer {

    background:#222;

    color:#aaa;

    padding:35px 0;

}



.footer-brand {

    font-size:14px;

    line-height:1.8;

}



.footer-brand strong {

    color:#fff;

    font-size:16px;

}



.social-icons {

    list-style:none;

    padding:0;

    margin:0;

}



.social-icons li {

    display:inline-block;

    margin-left:15px;

}



.social-icons li a {

    display:flex;

    align-items:center;

    justify-content:center;

    width:35px;

    height:35px;

    border-radius:50%;

    background:#333;

    color:#bbb;

    transition:.3s;

}



.social-icons li a:hover {

    background:#b98a45;

    color:#fff;

}



@media(max-width:768px){


    #footer .text-right{

        text-align:center;

        margin-top:20px;

    }


}

/* ============================
   MENÚ PARA PÁGINAS INTERNAS
============================ */

body.internal-page #main-menu{

    position:fixed;
    background:#ffffff;
    box-shadow:0 2px 15px rgba(0,0,0,.08);

}

body.internal-page #main-menu .navbar-nav>li>a{

    color:#555;

}

body.internal-page #main-menu .navbar-collapse{

    position:static;
}

body.internal-page #main-menu .navbar-brand{

    position:static;
}

.internal-page section:first-of-type{

    padding-top:140px;

}

/* Botones */

.btn,
.btn:focus,
.btn:active,
.btn:visited{

    background:#B8894A;
    border-color:#B8894A;
    color:#fff;
    outline:none;
    box-shadow:none;

}

.btn:hover{

    background:#9b6d35;
    border-color:#9b6d35;
    color:#fff;

}.btn:focus,
.btn:active:focus{

    outline:0 !important;
    box-shadow:none !important;

}
/*==================================================
                HERO DEL LIBRO
==================================================*/

#book-hero{

    position:relative;
    overflow:hidden;

    padding:120px 0 100px;

    background:
    radial-gradient(circle at 15% 18%, rgba(184,137,74,.10), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(184,137,74,.07), transparent 25%),
    linear-gradient(135deg,#faf8f4 0%,#ffffff 58%,#f6f1e8 100%);

}

#book-hero:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(circle at 80% 80%, rgba(184,137,74,.05), transparent 35%);

    pointer-events:none;

}

#book-hero .container{

    position:relative;
    z-index:2;

}

.book-hero-content{

    display:flex;

    align-items:center;

    min-height:620px;

}

/*==================================================
                    IMAGEN
==================================================*/

#book-hero .col-lg-5,
#book-hero .col-md-5{

    display:flex;

    justify-content:center;

    align-items:center;

}

.book-cover-wrapper{

    position:relative;

    width:100%;

    max-width:560px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.book-cover-wrapper:before{

    content:"";

    position:absolute;

    width:560px;
    height:560px;

    left:50%;
    top:50%;

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

    border-radius:50%;

    background:rgba(184,137,74,.14);

    filter:blur(120px);

    z-index:0;

}

.book-cover{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:520px;

    height:auto;

    transform:rotate(-6deg);

    filter:drop-shadow(0 55px 80px rgba(0,0,0,.25));

    transition:all .45s ease;

}

.book-cover:hover{

    transform:rotate(-4deg) translateY(-12px) scale(1.02);

}

/*==================================================
                    TEXTO
==================================================*/

#book-hero .col-lg-7,
#book-hero .col-md-7{

    padding-left:80px;

}

.book-category{

    display:inline-block;

    padding:10px 22px;

    background:#efe5d6;

    color:#a6783d;

    border-radius:40px;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.book-title{

    margin:24px 0 18px;

    font-size:58px;

    font-weight:700;

    line-height:1.05;

    color:#2d2d2d;

}

.book-subtitle{

    margin-bottom:30px;

    font-size:26px;

    font-weight:300;

    line-height:1.45;

    color:#555;

}

.book-intro{

    max-width:640px;

    font-size:19px;

    line-height:1.9;

    color:#666;

    margin-bottom:45px;

}

/*==================================================
                    BENEFICIOS
==================================================*/

.hero-benefits{

    margin:35px 0 45px;

}

.hero-benefits div{

    display:flex;

    align-items:flex-start;

    margin-bottom:15px;

    font-size:17px;

    color:#555;

}

.hero-benefits i{

    color:#B8894A;

    margin-right:12px;

    margin-top:5px;

    font-size:18px;

}

/*==================================================
                    BOTONES
==================================================*/

.book-buttons{

    margin-bottom:35px;

}

.book-buttons .btn{

    padding:17px 34px;

    border-radius:50px;

    margin-right:12px;

    margin-bottom:12px;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.book-buttons .btn-primary{

    background:#B8894A;

    border:2px solid #B8894A;

    color:#fff;

    box-shadow:0 18px 40px rgba(184,137,74,.25);

}

.book-buttons .btn-primary:hover{

    background:#a6783d;

    border-color:#a6783d;

    transform:translateY(-3px);

}

.book-buttons .btn-outline{

    background:#fff;

    border:2px solid #dcc5a0;

    color:#a6783d;

}

.book-buttons .btn-outline:hover{

    background:#B8894A;

    border-color:#B8894A;

    color:#fff;

}

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

.book-meta{

    margin-top:20px;

    padding-top:22px;

    border-top:1px solid #e8e8e8;

    font-size:15px;

    color:#777;

}

.book-meta i{

    color:#B8894A;

    margin-right:8px;

}

/*==================================================
                    RESPONSIVE
==================================================*/

@media (max-width:991px){

    #book-hero{

        padding:80px 0 70px;

        text-align:center;

    }

    .book-hero-content{

        display:block;

        min-height:auto;

    }

    #book-hero .col-lg-7,
    #book-hero .col-md-7{

        padding:0 15px;

    }

    .book-cover-wrapper{

        max-width:360px;

        margin:0 auto 50px;

    }

    .book-cover{

        max-width:340px;

        transform:none;

    }

    .book-cover:hover{

        transform:translateY(-6px);

    }

    .book-title{

        font-size:44px;

    }

    .book-subtitle{

        font-size:23px;

    }

    .book-intro{

        font-size:18px;

        margin:0 auto 35px;

    }

    .book-buttons .btn{

        display:block;

        width:100%;

        margin:10px 0;

    }

    .hero-benefits{

        max-width:430px;

        margin:35px auto;

        text-align:left;

    }

}

/*=========================================
=            BOOK FOR YOU
=========================================*/

#book-for-you{

padding:110px 0;
background:#faf7f2;

}

.section-label{

display:inline-block;
padding:8px 18px;
background:#efe6d8;
color:#b8894a;
font-size:13px;
font-weight:700;
letter-spacing:2px;
border-radius:30px;
margin-bottom:25px;
text-transform:uppercase;

}

.section-intro{

max-width:760px;
margin:20px auto 70px;
font-size:18px;
line-height:1.8;
color:#666;

}



.book-check{

display:flex;
align-items:flex-start;

background:#fff;

padding:28px;

border-left:5px solid #b8894a;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

margin-bottom:30px;

transition:.35s;

}



.book-check:hover{

transform:translateY(-8px);

box-shadow:0 18px 40px rgba(0,0,0,.10);

}



.book-check i{

font-size:28px;

color:#b8894a;

margin-right:22px;

margin-top:4px;

}



.book-check h4{

margin:0 0 10px;

font-size:22px;

font-weight:600;

color:#2f2f2f;

}



.book-check p{

margin:0;

font-size:16px;

line-height:1.8;

color:#666;

}



.book-message{

margin-top:70px;

background:#fff;

padding:55px;

border-radius:16px;

text-align:center;

box-shadow:0 18px 45px rgba(0,0,0,.08);

position:relative;

}



.book-message:before{

content:"“";

position:absolute;

top:15px;

left:35px;

font-size:90px;

color:#efe6d8;

font-family:Georgia;

}



.book-message h3{

font-size:34px;

margin-bottom:20px;

font-weight:700;

}



.book-message p{

font-size:18px;

line-height:1.9;

color:#666;

max-width:800px;

margin:auto;

}

/*=========================================
=         LO QUE APRENDERÁS
=========================================*/

#book-learning{

padding:110px 0;

background:#ffffff;

}



.learning-card{

background:#fff;

padding:45px 35px;

border-radius:18px;

margin-bottom:35px;

text-align:left;

border:1px solid #eee;

transition:.35s;

height:100%;

position:relative;

overflow:hidden;

}



.learning-card:before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:#b8894a;

transform:scaleX(0);

transition:.35s;

}



.learning-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,0,0,.08);

}



.learning-card:hover:before{

transform:scaleX(1);

}



.learning-icon{

width:72px;

height:72px;

background:#f7f1e8;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}



.learning-icon i{

font-size:30px;

color:#b8894a;

}



.learning-card h3{

font-size:25px;

font-weight:600;

margin-bottom:18px;

color:#2e2e2e;

line-height:1.3;

}



.learning-card p{

font-size:16px;

line-height:1.9;

color:#666;

margin:0;

}

/*=================================================
                RECORRIDO DEL LIBRO
==================================================*/

#book-content{

padding:120px 0;

background:#faf7f2;

}



.timeline{

position:relative;

max-width:1000px;

margin:auto;

}



.timeline:before{

content:"";

position:absolute;

left:40px;

top:0;

bottom:0;

width:3px;

background:#d9c3a1;

}



.timeline-item{

position:relative;

padding-left:110px;

margin-bottom:55px;

}



.timeline-number{

position:absolute;

left:0;

top:0;

width:80px;

height:80px;

border-radius:50%;

background:#b8894a;

color:#fff;

font-size:28px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 15px 35px rgba(184,137,74,.30);

}



.timeline-content{

background:#fff;

padding:35px;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}



.timeline-content:hover{

transform:translateY(-8px);

}



.timeline-content h3{

font-size:28px;

margin-bottom:15px;

color:#2f2f2f;

}



.timeline-content p{

font-size:17px;

line-height:1.9;

color:#666;

margin:0;

}

/*=========================================
          UNA CARTA PARA TI
=========================================*/

#book-author{

padding:120px 0;

background:#ffffff;

}



.author-wrapper{

align-items:center;

}



.author-image{

padding:20px;

}



.author-photo{

max-width:340px;

margin:auto;

border-radius:20px;

box-shadow:0 25px 60px rgba(0,0,0,.15);

transition:.4s;

}



.author-photo:hover{

transform:translateY(-8px);

}



#book-author p{

font-size:18px;

line-height:2;

color:#666;

margin-bottom:25px;

}



.author-quote{

margin:45px 0;

padding:35px;

background:#faf7f2;

border-left:6px solid #b8894a;

border-radius:16px;

position:relative;

}



.author-quote i{

font-size:38px;

color:#b8894a;

margin-bottom:15px;

}



.author-quote p{

font-size:22px;

line-height:1.8;

font-style:italic;

margin:0;

color:#444;

}



.author-signature{

margin-top:40px;

}



.author-signature img{

max-width:170px;

margin-bottom:10px;

}



.author-signature h4{

margin:0;

font-size:24px;

font-weight:700;

}



.author-signature span{

color:#888;

font-size:15px;

letter-spacing:1px;

}

/*=========================================
        DESCUBRE EL INTERIOR
=========================================*/

#book-gallery{

padding:120px 0;

background:#faf7f2;

}



.gallery-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

margin-bottom:35px;

}



.gallery-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 50px rgba(0,0,0,.18);

transition:.35s;
}





.gallery-card img{

width:100%;

display:block;

}



.gallery-info{

padding:30px;

}



.gallery-info h3{

font-size:24px;

margin-bottom:15px;

font-weight:600;

color:#2f2f2f;

}



.gallery-info p{

font-size:16px;

line-height:1.8;

color:#666;

margin:0;

}



.gallery-message{

margin-top:70px;

text-align:center;

max-width:850px;

margin-left:auto;

margin-right:auto;

}



.gallery-message h3{

font-size:34px;

margin-bottom:25px;

font-weight:700;

}



.gallery-message p{

font-size:19px;

line-height:2;

color:#666;

}

/*=========================================
          COLECCIÓN MENTE EN ARMONÍA
=========================================*/

#related-books{

    padding:120px 0;

    background:#ffffff;

}



.related-card{

background:#fff;

border-radius:20px;

overflow:hidden;

height:100%;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}



.related-card:hover{

transform:translateY(-10px);

box-shadow:0 28px 55px rgba(0,0,0,.12);

}



.related-image{

overflow:hidden;

}



.related-image img{

width:100%;

transition:.45s;

}



.related-card:hover img{

transform:scale(1.05);

}



.related-info{

padding:35px;

display:flex;

flex-direction:column;

height:100%;

}



.related-type{

display:inline-block;

padding:6px 14px;

background:#efe6d8;

color:#b8894a;

border-radius:25px;

font-size:12px;

font-weight:700;

letter-spacing:1px;

margin-bottom:18px;

text-transform:uppercase;

}



.related-info h3{

font-size:28px;

font-weight:600;

margin-bottom:18px;

color:#2f2f2f;

line-height:1.3;

}



.related-info p{

font-size:16px;

line-height:1.9;

color:#666;

margin-bottom:30px;

}



.collection-footer{

margin-top:70px;

}



.collection-footer .btn{

padding:16px 38px;

border-radius:40px;

}

.related-info .btn{

align-self:center;

margin-top:auto;

}

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

#book-cta{

    padding:120px 0;

    background:linear-gradient(135deg,#b8894a 0%,#9f7340 100%);

    position:relative;

    overflow:hidden;

}



/*=========================================
        CÍRCULOS DECORATIVOS
=========================================*/

#book-cta:before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    top:-180px;

    right:-120px;

}



#book-cta:after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    bottom:-120px;

    left:-80px;

}



/*=========================================
            CONTENIDO
=========================================*/

.book-cta-box{

    position:relative;

    z-index:2;

    max-width:860px;

    margin:auto;

    text-align:center;

}



#book-cta .section-label{

    display:inline-block;

    padding:8px 18px;

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

    color:#fff;

    border-radius:30px;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

    font-weight:600;

}



#book-cta h2{

    font-size:44px;

    font-weight:700;

    line-height:1.3;

    color:#fff;

    margin:28px 0;

}



#book-cta p{

    font-size:20px;

    line-height:1.9;

    color:rgba(255,255,255,.92);

    max-width:760px;

    margin:0 auto 45px;

}



/*=========================================
              BOTONES
=========================================*/

.book-cta-buttons{

    margin-top:20px;

}



.book-cta-buttons .btn{

    padding:16px 34px;

    border-radius:40px;

    margin:8px;

    font-size:17px;

    font-weight:600;

}



.book-cta-buttons .btn-primary{

    background:#fff;

    border:2px solid #fff;

    color:#9f7340;

}



.book-cta-buttons .btn-primary:hover{

    background:#f7f7f7;

    border-color:#fff;

}



.book-cta-buttons .btn-default{

    background:transparent;

    border:2px solid rgba(255,255,255,.7);

    color:#fff;

}



.book-cta-buttons .btn-default:hover{

    background:#fff;

    color:#9f7340;

}



/*=========================================
             PIE DEL CTA
=========================================*/

.book-cta-footer{

    margin-top:40px;

    font-size:15px;

    color:rgba(255,255,255,.78);

    letter-spacing:.5px;

    line-height:1.8;

}



.book-cta-footer strong{

    color:#fff;

}

/*==================================================
            MODAL TARJETAS FÍSICAS
==================================================*/

.cards-modal{

    border:none;

    border-radius:18px;

    overflow:hidden;

}

.cards-modal .modal-header{

    border:none;

    padding:40px 45px 20px;

    text-align:center;

}

.cards-modal .close{

    opacity:.6;

    font-size:32px;

}

.cards-modal .close:hover{

    opacity:1;

}

.modal-label{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#efe5d6;

    color:#a6783d;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.cards-modal h3{

    margin:0;

    font-size:34px;

    color:#2d2d2d;

    font-weight:700;

}

.cards-modal .modal-body{

    padding:10px 50px 20px;

}

.cards-modal p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

}

.cards-info{

    display:grid;

    grid-template-columns:1fr;

    gap:15px;

}

.cards-item{

    font-size:17px;

    color:#555;

}

.cards-item i{

    color:#B8894A;

    margin-right:10px;

    width:22px;

}

.cards-note{

    margin-top:35px;

    padding:20px 25px;

    border-left:4px solid #B8894A;

    background:#faf7f2;

    color:#666;

    line-height:1.8;

}

.cards-note i{

    color:#B8894A;

    margin-right:10px;

}

.cards-modal .modal-footer{

    border:none;

    text-align:center;

    padding:0 45px 40px;

}

.cards-modal .btn{

    padding:16px 38px;

    border-radius:45px;

}
#physicalCardsModal .modal-dialog{

    margin-top:120px;

}

.book-category{
    display: inline-block;
    text-align: center;
    width: 100%;
}

/* ========================================================= */
/* MENTE EN ARMONÍA - PODCAST */
/* Espaciado y ajustes específicos de la página */
/* ========================================================= */


/* ========================================================= */
/* PRESENTACIÓN DEL PODCAST */
/* ========================================================= */

#podcast-main {

    padding-top: 35px;
    padding-bottom: 75px;

}


/* Espacio entre la imagen y el contenido en pantallas grandes */

#podcast-main .col-md-6 {

    margin-bottom: 20px;

}


/* Lista de temas */

#podcast-main .podcast-topics {

    margin-top: 15px;
    margin-bottom: 0;

}

#podcast-main .podcast-topics li {

    margin-bottom: 6px;

}


/* Botones principales */

#podcast-main .podcast-main-buttons {

    margin-top: 25px;

}

#podcast-main .podcast-main-buttons .btn {

    margin-right: 5px;
    margin-bottom: 5px;

}


/* ========================================================= */
/* TEMPORADAS */
/* ========================================================= */

#podcast-seasons {

    padding-top: 50px;
    padding-bottom: 70px;

}


/* Espacio entre el encabezado y las tarjetas */

#podcast-seasons .section-header {

    margin-bottom: 35px;

}


/* Primera fila: temporadas 1 y 2 */

#podcast-seasons .podcast-season-row {

    margin-bottom: 30px;

}


/* Temporada 3 */

#podcast-seasons .podcast-season-three {

    margin-top: 30px;
    margin-bottom: 0;

}


/* ========================================================= */
/* BOTONES DE LAS TEMPORADAS */
/* ========================================================= */

#podcast-seasons .resource-box .btn {

    margin-right: 5px;
    margin-bottom: 5px;

}


/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media (max-width: 767px) {


    /* Presentación */

    #podcast-main {

        padding-top: 25px;
        padding-bottom: 50px;

    }


    /* Temporadas */

    #podcast-seasons {

        padding-top: 35px;
        padding-bottom: 50px;

    }


    /* Espacio entre temporadas en móvil */

    #podcast-seasons .podcast-season-row {

        margin-bottom: 0;

    }


    #podcast-seasons .podcast-season-row > div {

        margin-bottom: 35px;

    }


    #podcast-seasons .podcast-season-three {

        margin-top: 0;

    }


    /* Botones principales */

    #podcast-main .podcast-main-buttons .btn {

        margin-right: 3px;
        margin-bottom: 8px;

    }

}

/* ========================================================= */
/* MODAL - GUÍAS DEL CURSO DE MEDITACIÓN */
/* VERSIÓN CORREGIDA */
/* ========================================================= */


/* CONTENEDOR PRINCIPAL DEL MODAL */

#guiasCursoModal {
    overflow-x: hidden !important;
}


/* CAJA DEL MODAL */

#guiasCursoModal .modal-dialog {

    width: 90%;
    max-width: 850px;

    margin: 40px auto;

}


/* CONTENIDO */

#guiasCursoModal .modal-content {

    width: 100%;

    overflow: hidden;

    border: none;
    border-radius: 4px;

    box-shadow: 0 10px 35px rgba(0,0,0,0.25);

}


/* ========================================================= */
/* CABECERA */
/* ========================================================= */

#guiasCursoModal .modal-header {

    position: relative;

    display: block;

    min-height: 70px;

    padding: 20px 55px 20px 25px;

    background: #2f5935;

    color: #ffffff;

    border-bottom: none;

}


/* TÍTULO */

#guiasCursoModal .modal-header .modal-title {

    display: block;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.4 !important;

    font-weight: 600;

    text-align: left !important;

    position: static !important;

}


/* BOTÓN CERRAR */

#guiasCursoModal .modal-header .close {

    position: absolute;

    top: 18px;
    right: 20px;

    z-index: 10;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 28px;

    line-height: 1;

    opacity: 1;

    text-shadow: none;

}


/* ========================================================= */
/* CUERPO DEL MODAL */
/* ========================================================= */

#guiasCursoModal .modal-body {

    position: relative;

    display: block;

    width: 100%;

    max-height: 65vh;

    overflow-x: hidden !important;
    overflow-y: auto;

    padding: 25px !important;

    box-sizing: border-box;

}


/* ========================================================= */
/* TEXTO INTRODUCTORIO */
/* ========================================================= */

#guiasCursoModal .guias-intro {

    display: block;

    width: 100%;

    margin: 0 0 25px 0 !important;
    padding: 0 !important;

    color: #666666;

    font-size: 15px;

    line-height: 1.6;

    text-align: left;

}


/* ========================================================= */
/* LISTA DE GUÍAS */
/* ========================================================= */

#guiasCursoModal .guias-list {

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

}


/* ========================================================= */
/* CADA GUÍA */
/* ========================================================= */

#guiasCursoModal .guia-item {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-width: 0;

    margin: 0;

    padding: 18px 0;

    box-sizing: border-box;

    border-bottom: 1px solid #eeeeee;

}


/* ÚLTIMO ELEMENTO */

#guiasCursoModal .guia-item:last-child {

    border-bottom: none;

}


/* ========================================================= */
/* INFORMACIÓN DE LA GUÍA */
/* ========================================================= */

#guiasCursoModal .guia-info {

    display: flex !important;

    align-items: center;

    flex: 1 1 auto;

    min-width: 0;

    margin: 0;

    padding: 0 20px 0 0;

    box-sizing: border-box;

}


/* ========================================================= */
/* NÚMERO */
/* ========================================================= */

#guiasCursoModal .guia-numero {

    display: flex !important;

    align-items: center;
    justify-content: center;

    flex: 0 0 45px;

    width: 45px;
    min-width: 45px;
    max-width: 45px;

    height: 45px;

    margin: 0 15px 0 0 !important;
    padding: 0 !important;

    border-radius: 50%;

    background: #789b2f;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: bold;

    line-height: 45px;

    text-align: center;

    box-sizing: border-box;

}


/* ========================================================= */
/* BLOQUE DE TEXTO */
/* ========================================================= */

#guiasCursoModal .guia-info > div {

    flex: 1 1 auto;

    min-width: 0;

    margin: 0;

    padding: 0;

}


/* TÍTULO DE CADA CAPÍTULO */

#guiasCursoModal .guia-info h4 {

    display: block;

    width: 100%;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    color: #333333 !important;

    font-size: 17px !important;

    line-height: 1.35 !important;

    font-weight: 600;

    text-align: left !important;

}


/* DESCRIPCIÓN */

#guiasCursoModal .guia-info p {

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    color: #777777 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    text-align: left !important;

}


/* ========================================================= */
/* BOTONES DEL CURSO DE MEDITACIÓN */
/* ========================================================= */

.curso-botones {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    margin-top: 20px;

}


/* Evita márgenes heredados de Bootstrap */

.curso-botones .btn {

    margin: 0 !important;

}


/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media (max-width: 600px) {

    .curso-botones {

        display: block;

    }


    .curso-botones .btn {

        display: block;

        width: 100%;

        margin-bottom: 10px !important;

    }

}