/*General Settings*/
@font-face {
    font-family: 'Theresa';
    src:url(Theresa-Corstanc.otf);
}
@font-face {
    font-family: 'Baskerville';
    src: url(BASKVILL.ttf);
}


* {
    margin: 0;
    border:0;
    padding: 0;
    font-family: 'Baskerville', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif !important;
    font-size: 102%;
    background-color: #001542;
    color : white;
}

h2, h3, h4 {
    color:#eac96c;
} 

p {
    letter-spacing: 0.4px;
    line-height: 120%;
    font-size: 105% !important;
}
 a.boton {
    text-decoration: none;
 }

 @media screen and (min-width: 768px) and (max-width: 991px){
    img.logo-size {
        width: 30% !important;
        height: auto;
    }
    .video {
        width: 600px !important;
        height: 340px !important;
    }

 }

@media screen and (min-width: 768px) and (max-width: 1024px) {
/* control de márgenes según screen */   
 

    button.navbar-toggler {
        margin: 3%;
        margin-left: 90%;
        border: solid   1px white !important;
    }
    main.main {
        margin: 0 !important;
        padding: 0 !important;
    }
    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .bloque_1 {
        margin: 15vh 3% 20vh 3%;
        padding-top: 2vh;
        display: flex;
    }

    section.bloque_2 {
        margin: 15vh 4% 20vh 4%;
        padding: 1vh;
        border: none;
        align-items: center;
        justify-content: center;
    
    }

    /*----- Block 3 CEO -----*/
    section.bloque_3{
       margin: 3%;
        padding: 3%;
        display: flex;
   
    }

    img.ceo-photo {
        width: 55vh !important;
        height: 65vh !important;
    }

    /*----- Block 8 Contact -----*/
    section.bloque_8 {
        margin: 0 !important;
        padding: 2% !important;
    }

            
    div.splited {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: content-box;
        
    }

    div.div-parrafo-contacto {
        margin: 0 !important;
        padding: 2%;
    }
    
}


@media screen and (max-width: 767px) {
    
    /*----- Header Sections -----*/
    button.navbar-toggler {
        margin-top: 5%;
        margin-left: 50%;
        border: solid   1px white !important;
    }

    .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    header {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    img.logo-size {
        width: 70%;
        height: auto;
        margin: 0 auto;
    }
    img.logo-header {
        margin-left: 25%;
    }

      /*-----  Block I Inicio -----*/
    .bloque_1 {
        display: flex;
        flex-wrap: wrap;
    }

    div.parrafo-nosotros {
        margin: 5% !important;
    }

    div.tierra-gif {
        margin: 0 auto !important;
    }
    img.gif-tierra {
        width: 35% !important;
        margin-left: 30%;
    }

    /*------- Contact Section -------*/
   div.div-parrafo-contacto {
    max-width: none !important;
    }
   aside.form-side {
    min-width: 100% !important;
    margin: 0 auto !important;
    }

    /*----- Block 3 CEO -----*/

    section.bloque_3{
         margin: 3%;
         padding: 3%;
         display: flex;
         flex-direction: column !important;
    
    }
    h2.section-title, h3.nombre-marit {
         text-align: center !important;
    }
    h2.section-title, h2.titulo-nosotros, h2.reserva-title {
        font-size: 1.8em !important;
    }
    
     div.ceo-description {
        padding: 0!important;
        margin: 0 auto !important;
        min-width: 30%;
        max-width: 80%;
    }

    img.ceo-photo {
        margin-top: 2%;
        margin-left: 12%;
        width: 78% !important;
        height: 200% !important;
    }

    div.links-to {
        margin: 0 auto !important;
        display: flex;
        flex-wrap: wrap;
        box-sizing: content-box;
        justify-content: center;
        align-items: center;
    }

    /*----- Parrafo Servicios: ancho del contenido */
    section.block-servicios {
        margin: 7% !important;
    }

    div.section-parrafo-servicio {
        margin: 0 auto !important;
        max-width: 100% !important;
    }

    p.parrafo-servicio {
        max-width: none !important;
        margin: 0 !important;
    }

    /*----- Párrafo Eventos: ancho del contenido -----*/
    section.bloque_6 {
        margin: 5% !important;
    }

    div.div-parrafo-evento {
        width: 90% !important;
    }

    /*----- Parrafo Reservar Cita: Ancho del contenito  -----*/
    section.bloque_7 {
        margin: 5%;
    }

    div.des-reserva {
        max-width: 90% !important;
    }

    /*-- Contacto -- */
    h2.contact-title {
        font-size: 1.7em !important;
    }

    /*----Pagina Servicio 1 tamaño Logo -----*/
    img.logo-header-s1 {
        width: 80% !important;
        height: auto !important;
        padding: 2%;
        margin: 0 auto !important;
    }
    .video {
        width: 80% !important;
        height: 45% !important;
    }

}

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

.navbar {
    padding: 0;
    margin-right: 2%;
}

.logo-header {
    float : left;
    width: 30%;
    height: auto;
    padding-top: 2%;
    
}

.navegation {
    background: inherit;
    right: 10%;
    padding-bottom: 2%;
    margin-top: 6%;
    border-bottom: solid 1px white;
    font-size:  110%;
}

.hori li {
    float: left;
    display:block;
}

.hori a, a.bor {
    margin-left: 3vh;
    color:white;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
}

a.active {
    color: white !important;
}

.hori a:hover {
    background-color: #eac96c;
    color: #001542 !important;
}
.hori a:active{
    background-color: #967d3a;
    color: white;
}  
/* Fin Header*/

/* Inicio Sección: 1*/
.bloque_1 {
    margin: 10vh 0 20vh 5%;
    padding-top: 2vh;
    display: flex;
}

div.tierra-gif {
    float: left;
    min-width: 10%;
    margin-right: 5%;
}
img.gif-tierra {
    width: 90%;
}

aside.text-box {
    margin: 0 5% 0 8%;
    padding-top: 1vh;
    max-width: 650px;
    min-width: 150px;
}


div.frase {

    border-bottom: solid 1px white;
    box-sizing: content-box;
    text-align: center;
}

h3.frase {
    color: white!important;
    font-size: 150%;
    padding: 1vh;
    font-weight: bold;
}

p.first-p {
    text-align: justify;
    margin: 1vh;
    padding: 1vh;
}

/* -----Fin de Sección: 1 -----*/


/*----- begins Sección: 2 -----*/
section.bloque_2 {
    border : 0;
    padding: 0;
    border: none;
    align-items: center;
    justify-content: center;
}

div.sobre-nosotros {
    box-sizing: content-box;
    text-align: justify;
    justify-content: center;
}

h2.titulo-nosotros {
    font-family: 'Theresa'!important;
    font-weight: bold;
    font-size: 2.5em;
    text-decoration: none;
    text-align: center;
    margin: 0 0 7vh 0;
}
div.parrafo-nosotros {
    margin: 0 auto;
    max-width: 100vh;
}

p.parrafo {
    text-align: center;
    min-width: 200px;
    text-align: justify;
}

div.contenedor {
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
    text-align: justify;
    justify-content: center;
}


div.subtitle {
    font-family: 'Theresa' !important;
    font-size: 2em;
    margin: 3%;
    text-align: center;
    box-sizing: border-box;
}

div.inner-box {
    padding: 5%;
    box-sizing: content-box;
    max-width: 300px;
    min-width: 250px;
}
/*----- End of Section: 2 -----*/

/*----- Begins of Sección: 3 Nuestra CEO -----*/
section.bloque_3{
    margin: 15vh 10% 20vh 10%;
    border : 1vh;
    padding: 2vh;
    display: flex;
}

h2.section-title {
    font-family: 'Theresa'!important;
    font-size: 2.5em;
    text-decoration: none;
    font-weight: bold;
    text-align: justify;
}

div.ceo-name {
    font-size: 2.4em;
    text-align: justify;
}

div.ceo-description {
    text-align: justify;
    min-width: 300px;
    padding-right: 15%;

}

a.botton {
    background: #eac96c;
    color:white;
    padding: 2vh 4vh 2vh 4vh;
    position: relative;
    text-decoration: none;
}

.ceo-botton a:hover {

    background: #d6b352;
    color: #001542;
}
.ceo-botton a:active {
    background:#967d3a;
    color: white;
}

div.ceo-botton {
    padding: 3vh 5% 2ch 0vh;
    min-width:50% ;
}

div.links-to {
    margin: 15% 0 0 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: content-box;
    
}

div.ceo-media {
    align-items: center;
    margin: 8px 0 0 0;
    display: flex;
    gap: 5%;
}

div.marg {
    margin: 1%;
}

div.right-block {
    box-sizing: content-box;
}

img.ceo-linkedin {
    width: 4vh;
    height: 4vh;
}

img.ceo-instagram {
    width: 4vh;
    height: 4vh;
}

img.ceo-whatsapp {
    width: 4vh;
    height: 4vh;
    }

img.ceo-email {
    width: 4vh;
    height: 4vh;
}

img.ceo-photo {
    width: 55vh !important;
    height: auto !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.603);
}

.icon:hover {
    width: 5vh;
    height: 5vh;
}
/* Finde Sección:*/


/*----- Begins of Sección: 4 Servicios -----*/

section.block-servicios {
    margin: 15vh 1% 20vh 1%;
    border : 1vh;
    padding: 2vh;
    border: none;
    text-align: center;
    justify-content: justify;
    align-items: center;
 
}

h2.servicio, div.section-parrafo-servicio  {
    text-align: center;
}

div.section-parrafo-servicio {
    margin: 0 auto;
    padding: 2vh 0 0 0;
    max-width: 60%;
    justify-content: center;
    align-items: center;
    text-align: justify;
}


div.container-servicios {
    display: flex;
    flex-wrap: wrap;
    box-sizing: content-box;
    min-width: fit-content;
    justify-content: center;
}

div.servicio-1, aside.servicio-2  {
    margin: 1%;
    max-width: 50vh;
    min-width: 20vh;
    padding: 2vh;
    box-sizing: content-box;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 11px 11px #eac96c;
}

div.servicio-title-contenedor {
    box-sizing: border-box;
}

h3.servicio-title {
    color: #001542;
    text-align: center;
    background: white;
    margin:0;
    margin-bottom: 2px;
}


p.servicio-p {
    margin: 0;
    padding: 1vh;
    text-align: justify;
    background: white;
    color: #001542;
    max-width: 30ch;
}

div.servicio-boton {
    margin: 2vh 0 3vh 0;
    padding: 1vh;
    width: max-content;
    background: inherit;
}

a.boton {
    color:white;
    margin: 2vh;
    padding: 1.5vh 4vh 1.5vh 4vh;
    position: relative;
}

.servicio-boton a:hover {
    background:#eac96c;
    color:#001542;
    border: solid 2px #001542;
}
.servicio-boton a:active {
    background:#967d3a;
    color: white;
}
/*----- End of Sección: 4 Servicios -----*/


/*----- Begins of Sección: 5 Opinion de CLientes -----*/

section.bloque_5 {
    margin: 15vh 0 5vh 0;
    border : 1vh;
    padding: 2vh 0 10vh 0;
    text-align: center;
    box-sizing: content-box;
    justify-content: center;
}

h2.opinion {
    text-align: center;
}

div.frame-video {
    margin: 10vh 0 0 0;
    padding: 1vh;
}
.video {
    width: 800px ;
    height: 450px;
}

/*----- End of Sección: 5 -----*/


/*----- Begins of Sección: 6 Eventos -----*/
section.bloque_6 {
    margin: 5vh 10% 5% 10%;
    border : 1vh;
    padding: 2vh 0 10vh 0;
    text-align: justify;
    align-content: center;
    align-items: center;
    box-sizing: content-box;
    justify-content: center; 
}

div.div-evento-title {
    margin:  0 auto;
    max-width: 90vh;
    min-width: 40vh;
}

h2.evento-title {
    text-align: center;
}

div.div-parrafo-evento {
    margin: 0 auto;
    padding-top: 3%;
    padding-bottom: 3%;
    width: 60%;
    text-align: center;

}

/*----- Css para el Carrusel -----*/

img.img-carousel-size {
    margin: 0 auto;
    max-width: 110vh !important;
    max-height: auto!important;
}
/*----- Fin Carrusel-----*/
/*----- Finde Sección: 6 Eventos -----*/


/*----- Inicio Sección: 7 Reservar Cita -----*/
section.bloque_7 {
    padding: 2vh 0 10vh 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-sizing: content-box;
}

h2.reserva-title {
    font-family: 'Theresa' !important;
    font-weight: bold;
    font-size: 2.5em;
}

div.des-reserva {
    margin: 0 auto;
    padding-top: 3%;
    padding-bottom: 5%;
    max-width: 60%;
    text-align: justify;
}

p.reserva-sub-t {
    text-align: center;
}

div.boton-reserva {
    color: white;
}

a.boton-reserva {
    background: #eac96c;
    color: white;
    padding: 2vh 4vh 2vh 4vh;
}

.boton-reserva a:hover {
    background: #dfbc5c;
    color: #001542;

}

.boton-reserva a:active {
    background: #967d3a;
    color: white;
    border: solid 1px white;
}
/*----- Fin de Sección: 7 Reservar Cita -----*/


/*----- Inicio Sección: 8 Contacto -----*/
section.bloque_8 {
    margin: 5%;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 100% !important;
    box-sizing: content-box;
}

h2.contact-title {
    font-family: 'Theresa' !important;
    font-size: 2.5em;
    font-weight: bold;
    text-decoration: none;
}

div.splited {
    margin:5vh 0 0 0;
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
}

div.div-parrafo-contacto {
    margin: 2%;
    padding: 3%;
    box-sizing: content-box;
    max-width: 40%;
    min-width: auto;
    text-align: justify;
}

aside.form-side {
    padding: 2vh 0 0 0;
    box-sizing: content-box;
    text-align: justify;
    width: 50%;
    min-width: 350px;
}

div.fulname {
    display: flex;
    flex-wrap: wrap;
    box-sizing:content-box;
    width: 100%;
}

div.name-box {
    margin-right: 2%;
    width: 49%;
    min-width: auto;

}
div.lastname-box {
    width: 49%;
    min-width: auto;
}

div.message-box {
    margin-bottom: 2%;
}

input.width-box {
    width: 100%;
}

.underline {
    background: white;
    color: black;
    height: 5vh;
    width: 100%;
    padding: 1%;
}

.underline-textarea {
    background: white;
    color: black;
    padding: 1%;
    width: 100%;
}

p.puntito {
    text-align: justify;
}

div.button-box {
    text-align: center;
}

input.button-enviar {
    background: #eac96c;
    color: white;
    padding: 2%;
    width: 100%;
}

.button-box input:hover {
    background: #d6b352;
    color: #001542;
}
/*----- Finde Sección: 8 Contacto -----*/

/*----- Inicio Sección: Footer -----*/

footer.last-section {
    background-color: black;
    padding: 2%;
    text-align: center;
    box-sizing: content-box;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.margen {
    padding: 0%;
    max-width:350px;
}
.black{
    background: inherit;
    margin: 0;
    padding: 0;
}

img.size, img.k-img {
    width: 5%;
}

div.servicios {
    background: white;
    box-sizing: content-box;
}

h4.footer-subtitle {
    font-size: 13px;
}
h5.subtitle, .phone-number {
    font-size: 13px;
}

h6.name {
    font-size: 10px;
}

a.email-color {
    text-decoration: none;
    color: white;
}
/*----- Finde Sección:   Footer -----*/


/*----- OTRASPAGINAS:  PÁGINA DE SERVICIOS ----- */

img.logo-header-s1 {
    width: 40% ;
    height: auto;
    padding: 2%;
}

main.service-1 {
    margin: 0;
    padding: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color:#001542;
}

section.img-title {
    background: white;
    margin: 0;
    padding: 5vh;
}

h2.img-title-text {
    font-size: 5em;
    background: none;
    color: white;
    text-shadow: #001542;
    padding: 5vh;
}

h3.title-details-main {
    font-size: 2.5em;
}

h3.title-details {
    background: inherit;
    font-size: 30px;
    color: #001542;
    padding: 5vh;
}

div.service-textarea {
    background: inherit;
    margin: 5vh 20% 5vh 20%;
    padding: 0;
    width: 70%;

}

p.service-texts {
    background: inherit;
    text-align: justify;
    color: white;
    padding: 4%;
}

section.servicio-container {
    background: #001542;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 10% 0 10%;
}

div.box-service {
    background: white;
    margin: 3vh;
    padding: 2vh;
    width: 350px;
    min-width: 340px;
    box-shadow: 2vh 2vh #eac96c;
    
}

div.bottom {
    margin: 10vh 0 0vh 0;
    background: inherit;
    padding: 5%;
}

img.k-img {
    width: 15%;
}
/*-- Fondo Imagen Servicio 2 --*/
section.img-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.img-title {
    background: none;
}
#fondo-2 {
    background-image: url(img-servicio-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*--- Fondo imagen Servicio 1---*/
#fondo {
    background-image: url(img-servicio-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

p.service-texts {
    color: #001542;
}
p.service-texts-main{
    color:white
}
h3.title-details-main  {
    color:#eac96c;
    margin: 3vh;
    padding: 2vh 0 2vh 0;
}

/*----- PAGINAS SERVICIOS ----- */