/*
Theme Name:   Divi Child
Theme URI: [URL de tu sitio web]
Description:  Tema hijo para Divi
Author: Libnamic
Author URI: [URL de tu sitio web o perfil]
Template: Divi
Version: 1.0
*/

/* Variables */

/* :root {
  --main-bg-color: coral;
}

#div1 {
  background-color: var(--main-bg-color);
}

#div2 {
  background-color: var(--main-bg-color);
} */


/*  font-family: 'Nunito Sans', sans-serif; */

@font-face {
    font-family: 'Nunito Sans';
    src: url('https://nutrientemente.es/wp-content/themes/Divi-child/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Black Mango';
    src: url('https://nutrientemente.es/wp-content/themes/Divi-child/fonts/BlackMango-Regular.otf') format('truetype');
}

/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap'); */

:root {
    --main-1-color: #4DAC88;
    --main-2-color: #398065;
    --main-3-color: #1E1E1E;


    --secondary-1-color: #F1F7F1;
    --secondary-2-color: #F5DCD5;
    --secondary-3-color: #AFD6B4;

    --border-radius: 0.32rem;
    --font-family-1: 'Black Mango', sans-serif, Arial;
    --font-family-2: 'Nunito Sans', Arial, sans-serif;
}



body {
    font-family: var(--font-family-2);
    color: var(--main-3-color);
}

h1 {
    font-size: 3rem;
}

h2,
h3 {
    font-size: 2rem;
}

p {
    font-size: 1.2rem;
}

h1,
h2,
h3 {
    font-family: var(--font-family-1);
    color: var(--main-2-color);
}

p {
    color: var(--main-1-color);
    font-family: var(--font-family-2);

}

.block-text-center h3 {
    font-size: 2.5rem;
    font-weight: bold;
}

ul#top-menu li.current-menu-item>a {
    color: var(--main-2-color);
    text-decoration: underline;
}

@media (max-width: 480px) {
    div h1, .page-block-title h1 span {
        font-size: 2rem;
        line-height: unset;
    }
    div h2, div h3 {
        font-size: 1.4rem;
    }
    div p {
        font-size: 1rem;
    }
}

/* Page Servicios */

.block-img-service img {
    height: 14rem;
    object-fit: cover;
}

.block-img-service .et_pb_column .et_pb_module {
    background-color: var(--secondary-2-color);

}

.block-text-center {
    text-align: center;
    font-weight: bold;
}

div.et_pb_row.row-help {
    padding-top: 0;
}

.row-help .et_pb_column {
    /* display: flex;
    flex-direction: column; */
    /* gap: 1em; */

}

.row-help .et_pb_column summary {
    font-size: 1.5rem;

}

.row-help .et_pb_column p {
    margin-top: 1em;
    font-size: 1.2rem;

}

.row-help .et_pb_column .et_pb_module {
    background-color: var(--secondary-1-color);
    border-radius: var(--border-radius);
    padding: 1.5rem;
}

.et_pb_code_inner .block-text h1 {}

/* ---------------------------- */
/* page generic */

.row-img-margin img {
    height: 50vh;
    min-height: 25rem;
    object-fit: contain;
    background-color: var(--secondary-3-color);
}

p.text-margin {
    margin: 0 7%;
}

.et_pb_row.row-img-margin {
    padding-left: 7%;
    padding-right: 7%;
    gap: 0;
}

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

/* home */
.block-text h2 {
    color: var(--main-1-color);
}

.Text-xl-home h2 {
    font-size: 3rem;
}

.page-block-title {
    height: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;

}

@media (max-width: 950px) {

    .page-block-title {
        flex-direction: column;

    }
}

.page-block-title .et_pb_code_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;

}

/* Header, Footer  */


ul.et_mobile_menu {
    border-top: 3px solid var(--main-3-color);
}

ul#top-menu li {
    font-size: 1.1rem;
}

div#et-top-navigation {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 980px) {

    .et_header_style_left .et-fixed-header #et-top-navigation,
    .et_header_style_left #et-top-navigation {
        display: flex;
    }
}

.button-header {
    z-index: 99999;
    margin-left: 1rem;
}

.button-header .button-link-header {
    text-wrap: nowrap;
    padding: 0.5rem;
    /* z-index: 999; */
}

header#main-header {
    background-color: var(--secondary-1-color);
}

div#top-menu a {
    color: var(--main-3-color);
}

footer#main-footer {
    background-color: var(--secondary-3-color);
    color: var(--main-2-color);
}

footer #footer-bottom {
    background-color: var(--secondary-2-color);
    color: var(--main-3-color);
}



/* ------ */

.et_pb_row {

    display: flex;
    gap: 1rem;
}

@media (max-width: 780px) {
    .et_pb_row {
        flex-direction: column;

    }
}

.row-with-background div.et_pb_column {
    background-color: var(--secondary-1-color);
    border-radius: var(--border-radius);
    padding: 1.5rem;
}

.row-with-background div.et_pb_image {
    margin: 0 auto;
    display: flex;
    justify-content: center;

}

.page-block-title .et_pb_text {
    height: 100%;

}

.page-block-title .et_pb_text_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.page-block-title h1 {
    color: var(--main-2-color);
    font-size: 3.3rem;
    font-family: 'Black Mango', sans-serif;

}

.page-block-title .link,
.page-block-title .link p {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-block-title .link .cita {
    color: var(--main-2-color);
}

.page-block-title .link a {
    padding: 0.5rem;
    border-radius: var(--border-radius);
    color: var(--main-3-color);
    background-color: var(--secondary-2-color);
}

.page-block-text .et_pb_text_inner,
.page-block-text .et_pb_text_inner h2 {

    color: var(--main-1-color);
}

.page-block-secundary h2 {
    font-size: 5rem;
    color: var(--main-1-color);
}

.row-button {
    margin-top: 2rem;
}

.row-button .et_pb_column {
    background-color: initial;
}

.et_pb_button_module_wrapper {
    display: flex;
    justify-content: center;
    /* background-color: var(--secondary-2-color);
    border: initial;
    color: var(--main-2-color); */

}

.seccion-team .et_pb_row {
    background-color: var(--secondary-1-color);
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;

}

.seccion-team .et_pb_row h1 {
    color: var(--main-2-color);
    font-size: 3.3rem;
    font-family: 'Black Mango', sans-serif;
}

.seccion-team .block-img-team {
    background-color: white;
    display: flex;
    justify-content: center
}

.et_pb_button_module_wrapper a {
    background-color: var(--secondary-2-color);
    border: initial;
    color: var(--main-2-color);
    padding: 0.5rem 3em;

}

#footer-widgets .footer-widget .enlaces-footer a,
.widget_text {
    color: var(--main-1-color);
    background-color: initial;
    font-size: 1.2rem;
}

#footer-widgets .footer-widget:empty {
    /* display: none; */
}

.footer-widget {
    display: flex;
    flex-direction: column;
}


div#footer-widgets {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--main-3-color);
}

.footer-widget {
    flex: 1;
    text-align: left;
}

.footer-widget .wp-block-image img {
    width: 10rem;
    object-fit: contain;

}

#footer-widgets .footer-widget a,
.button-header .button-link-header {
    color: #fff;
    background-color: var(--secondary-2-color);
    border: initial;
    color: var(--main-2-color);
    border-radius: var(--border-radius);
    font-size: 1.2rem;
    white-space: nowrap;
}

.enlaces-footer {
    display: flex;
    justify-content: space-around;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
    margin-bottom: 5%;
}

/* footer */
.logos-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
}

.logos-footer img {
    width: 8em;
    object-fit: contain;
}

div.container-info {

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1.5em;
}

.footer-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
    column-gap: 3rem;
    font-size: 1.2rem;
    text-align: center;
}

.footer-link,
.footer-link a,
.copyright p{
    text-wrap: nowrap;
    white-space: nowrap;
    font-size: 1.2rem;
    color: var(--main-2-color);
}

ul.social-icons {
    display: flex;
}

#footer-widgets ul.social-icons a{
    
    background-color: initial;
}

div#footer-widgets {
    gap: 1.5rem;
    justify-content: space-around;
}

#footer-widgets .links-sevices li a, #footer-widgets .links-info li a{
    white-space: nowrap;
    color: var(--main-1-color);
    background-color: initial;
}

p.title-links{
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 1.3rem;
}

#footer-widgets .footer-widget ul li a:hover {
    color: var(--secondary-2-color);
}

#footer-widgets .footer-widget .widget_block{

    margin-bottom: 1rem !important;
}