/*Globas Style*/
body {
    margin: 0;
    padding: 0;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', Verdana, sans-serif;
    font-size: medium;
    color: rgb(39, 58, 58);
    background: #f8f9fa;
    overflow-x: hidden;
}
a {
    text-decoration: none;
}

/*---- Header ----*/

.logo-img{
    width: 40%;
    height: auto;
    padding: auto;
    margin-right: 15em;
}


.nav-txt {
    margin: 0 0 0 -10%;
}

a.f-color{
    color:#4C6665 !important;
}

a.hover:hover {
    background-color: #aeb6b4;
    transition: 0.3s;
    border-radius: 5%;
    opacity: 1;
}


/*_________ SECTION 1 PÁGINA PRINCIPAL __________*/


section.aside-block{
    margin: 1% auto auto auto;
    display: flex;
    max-width: 80%;
    
}

h1.greeting {
    color: #4C6665;
    font-size: 4.5em;
}

p.txt-0 {
    font-size: larger;
}
aside.aside-p {
    margin : auto; 
}

div.aside-txt{
    max-width: 90%;
    margin: 0;
    padding: 0;
}
img.img-ligia {
 min-width: 300px;
 height: auto;
}




/*   Block 2  "PROGRAMS"  */
section.section-poss{
    padding:0% 3% 0% 3%; 
    margin: auto auto 6% auto;
}


h2{
    font-size: 1.5em;
}

.sec-title{
    text-align: center;
    font-size: 3em;
    margin: 0%;
}

div.next-pos{
    display: flex;
    flex-wrap: wrap;
    margin: auto auto 3% auto;
    padding: 1%;
    justify-content: center;
    align-content:center ;
    
}
div.item{
    flex-grow: 1;
    background-color: whitesmoke;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    height: 28em;
    min-height: 20em;
    margin: 6em 2em 2em 2em;
    max-width: 20%;
    min-width: 19em !important;
    border-radius: 5px 5px 5px 5px;
    justify-content: center;
}

img.imgbx {
    width: 100%;
    padding: 3%;
    border-radius: 5%;
}
.txt-aling{
    text-align: center;
    margin: 3%;
}

/*esta class es para forzar el centrado del link "saber más" del box 1*/
.force-center {
    text-align: center;
}

.txt-size {
    font-size: 1.1em;
}

h2.color-title{
    color: #a26d5d;
}

p.info {
    font-size: small;
    text-align: center;
    color: #314141;
    font-style: italic;
}

.content-txt {
    margin: auto;
}

.card{
    transition:0.5s;
    cursor:pointer;
  }
  .card-title{  
    font-size:15px;
    transition:1s;
    cursor:pointer;
  }
  .card-title i{  
    font-size:15px;
    transition:1s;
    cursor:pointer;
    color:#ffa710
  }
  .card-title i:hover{
    transform: scale(1.25) rotate(100deg); 
    color:#18d4ca;
    
  }
  .card:hover{
    transform: scale(1.05) !important;
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
  }

  .card-text{
    height:80px;  
  }
  
  .card::before, .card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
  }
  .card::before {
    transform-origin: left top;
  }
  .card::after {
    transform-origin: right bottom;
  }
  .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
    transform: scale3d(1, 1, 1);
  }

/*    End of Block 2  "PROGRAMS" */

/* Block 3 TRIBU  */


section.section-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70%;
    margin: auto;
    padding: 3%;
}

p.txt-aling{
    margin: 3%;
}

button.button{
    background-color: #4C6665;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    color: #eeeeee;
    width: 8em;
    height: 3.2rem;
}

.button:active {
    transform: scale(0.9);
}

/* End of Block 3   La TRIBU   */



/* BLOCK 4  OPINION DE CLIENTES */
section.section-4{
    margin: 4% 0% 3% 0%;
    background-color: #4C6665;
    padding: 3%;
} 


h1.white-color{
    color: #fff9f9;
    margin: 0 0 5% 0;
}
div.carousel-area{
    margin: auto auto 5% auto;
    width: auto;
    height: auto;
    max-width: 35em;
    max-height:max-content;
}

body { margin: 0; } 
div#slider { overflow: hidden; } /* las imágenes no van a salir del márgen de la pantalla*/
div#slider figure img { width: 20%; float: left; }

div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; /*el movimiento se va a mantener de forma indefinida -infinito-*/
}

/*esta parte del código define el movimiento de las imágenes a la izquierda*/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
/* SECTION 5 BLOG */
section.section-5{
    padding: 3% 3% 0% 3%;
}
div.blog-area{
    justify-content: center;
}

img.img-coment {
    width: auto !important;
    margin: auto;
    height: fit-content;
}

.blog-title {
    padding: 3% 0 0% 0%;
    color: #4C6665;
}

.blog-txt {
    font-size: small;
}

.blog-link {
    text-decoration: none;
    color: #8f6457;
}



/*  Contact   */

.contact-form{
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    border-radius: 1%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
   
    width: 5%;
    height: auto;
    margin-top: 3%; 
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #273a3a;
    font-size: 3em;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #8f6457;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

input.button:hover {
    color: #1f2424;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #a26d5d;
    border: none;
    cursor: pointer;
}


/*----------------------------  Frase ------------------------------------*/
.green-bg {
    background-color: #4C6665;
    height: 15%;
}

.hurricane-regular {
    font-family: "Hurricane" !important;
    font-weight: 400;
    font-style: normal;
}

.size {
    font-size: 4em;
}

p.right { 
    text-align: right !important;
    font-size: larger;
}

.white-color {
    color: #fff9f9 !important;
}

.left-p {
    
}

/*----------PAGOS-------------*/
.background-pagos {
    background-color: rgb(226, 227, 233);
}

.container-pagos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* Footer */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}


#footer {
    background: #334443 !important;
    padding: 5%;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
    font-size: medium;
}

#fa {
    font-size: small;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}

 /*//------ Responsive para "max width 1024px"----///*/
 @media screen and (max-width: 1024px ) {
   .img-ligia {
    width: 110% !important;
   }

   .greeting {
    font-size: 350% !important;
   }

   div.box-txt {
    min-width: 350px;
   }

   .sec-title {
    font-size: 2em;
    margin-bottom: 0%;
   }

   .titel {
    font-size: 4em;
   }

   h3 {
    font-size: 2em !important;
   }

}
/*//------ Responsive para "max width 768px"----///*/

@media  screen and (max-width: 770px ) {
    .img-ligia {
        display: none;
    }
    .aside-block {
        background-image: url(../resources/fotoligia1.png);
        background-repeat: no-repeat;
        background-position:top center;
        background-attachment:scroll;
        background-size: 110%;
        height: fit-content;
    }   

    .greeting {
        margin-top: 3.5em !important;
        text-shadow: 1px 1px 1px whitesmoke;
    }
    .txt-0 {
        background-color: #e9eceb;
        opacity: 0.8
    }
}

/* ----------------------------------------*/


/*---- Header ----*/

.logo-img{
    width: 40%;
    height: auto;
    padding: auto;
    margin-right: 15em;
}


.nav-txt {
    margin: 0 0 0 -10%;
}

a.f-color{
    color:#4C6665 !important;
}

a.hover:hover {
    background-color: #aeb6b4;
    transition: 0.3s;
    border-radius: 5%;
    opacity: 1;
}

main.img-bg {
    height: 600px;
    background-image: url("../resources/fondo-sesionesp.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

h1.white {
    color: #ffffff !important;
    text-align: center;
    font-size: 600%;
    text-shadow: 1px 1px 2px black;
}

/*esto ajusta la imagen de Ligia con el ovalo marron en la izquierda tamaño full screen*/
section.box-txt-img {
    display: flex;
    margin: 0% 0% 2% 25%;
    overflow-x: hidden;
}

div.text-box {
    justify-content: center;
    text-align: justify;
    max-width: 55%;
}
p.txt-1 {
    font-family:'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
    font-size: 2em;
    text-align: center;
    margin: 8% auto 0% auto;
}

img.img-1 {
    position: absolute;
    border-radius: 30%;
    margin: -8% 0% 0% 5%;
    z-index: 1;
}

img.img-2 {
    position: absolute;
    margin: -15% 0% 0% -8%;
}


/*----------- MIS SESIONES...------------  */
 
.green {
    color: #4C6665;
    text-shadow: 1px 1px 2px black;
}

.list {
    margin: 5%;
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    list-style-image: url(../resources/antorcha-2-3.ico);
    list-style-position: outside;
}


/*   EXPERIENCIA DE CLIENTES*/

section.clients-op {
    background: #4C6665;
}

h1.white-b {
    color: #eeeeee;
    text-shadow: 1px 1px 2px black;
    margin: 0 0 5% 0;
    font-size: 2.5em !important;
}

img.ligia-2 {
    position: absolute;
    margin: -21.8% 0 0 0;
    width: 25%;
}
div
div.carousel-area-2{
    margin: auto;
    width: auto;
    height: auto;
    max-width: 25em;
    max-height:max-content;
}

/*----------  Lo Que Lograrás  -------*/

div.box-txt-img {
    display: flex;
    margin: auto auto auto 10%;
    overflow-x: hidden;
    overflow: hidden;
    max-width: 100%;
}

h1.margin {
    margin: 5% 0 3% 0;
}

ul.ancho {
    max-width: 50%;
}


img.ligia-img-3 {
    width: 100%;
    margin-top: 3%;
}

/*-----------FINAL SECTION---------------*/
section.content-p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
h1.title {
    margin: 2%;
    max-width: 90%;
    color: #a26d5d;
}

h3.coment {
    font-size: 3em;
    margin: 4%;
    color:#46a8a5 ;
    text-shadow: 1px 1px 2px black;
}

h2.call-action {
    color: #FFD900;
    text-shadow: 1px 1px 2px black;
    font-size: 2.3em;
    margin-bottom: 5%;
}

button.btn-color {
    background-color: rgb(179, 32, 32);
    box-shadow: 1px 1px 2px black;
    margin-bottom: 5%;
}

@media screen and (max-width:1024px) {

    /*Ajuste del título*/
    h1.white {
        font-size: 5em ;
    }

    h1.sec-title  {
        font-size: 2em !important;
    }
    /*Ajuste frase inicial y foto*/
    aside.img-box {
        margin: -15%;
    }

    /*Ajusta foto Ligia sección 2*/
    .ligia-2 {
        display:inline-block;
        position: relative;
    }

    h1.bord {
        text-shadow: 1px 1px 2px white !important;       
    }

      /*  Ajustes de la seccion 3*/
    .section-poss {
        background-image: url(../resources/fotoligia1.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-attachment: scroll;
        opacity: 1;
    }
    div.box-txt-img {
        flex-wrap: wrap;
        margin-right: 0 !important;
        overflow: hidden;
        text-shadow: 1px 1px 1px white;

    }
    .ligia-img-3{
        display: none;
    }

    ul.ancho {
        max-width: 70%;
    }
    
    /*Calling action part*/
    h1.title {
        text-shadow: 1px 1px 2px black;
    }
    header {
        margin: 8%;
    }

}

@media screen and (max-width:778px) {
    /*Ajuste tamaño del título*/
    h1.white {
        font-size: 4em !important;
    }

    /*Elimina las imágenes superpuestas*/
    .img-box {
        display: none;
    }
    div.text-box {
        min-width: 50%;
    }
    p.text-2 {
        font-size: 1.5em !important;
        background-color: #eecec5;
        padding: 5%;
    }

}

@media screen and (max-width:568px){
    h1.white{
        font-size: 3em !important;
    }

    h1.bord {
        color: #e9eceb;
        text-shadow: 1px 1px 2px black !important;
    }

    li {
        font-size: 0.8em;
    }

    li.wt {
        font-size: 0.8em !important;
        color: #e9eceb !important;
        text-shadow: 1px 1px 2px black !important;
    }
    p.txt-1 {
        font-size: 1.3em !important;
        background-color: #eecec5;
        padding: 5%;
        width: fit-content;
    }

    section.section-poss {
        background-color: #7a5347;
        
    }

    .ligia-2 {
        display: none;

    }

    header {
        margin: 5%;
    }

}