/*
Theme Name: TouchUp Child
Theme URI: https://touchup.qodeinteractive.com
Description: A child theme of TouchUp
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: touchup
Template: touchup
*/
/*****************************************************
* Tipografía
* General
* Header
* Formularios
* Home
* Medicina estética
* Servicio
* Blog
*****************************************************/
:root {
    --font-poppins: 'Poppins', sans-serif;
    --font-roboto: 'Roboto', sans-serif;
    --color-boto: #3D84C6;
    --color-title: #1C4F7F;
}

/****** Tipografía *******/
body {
    font-weight: 400;
    color: #000000;
}
h1, .h1, .single-post .qodef-page-title h2 {
    font-size: 91px;
}
h2, .h2 {
    color: var(--color-title);
}
h3, .h3, .single-post h2.qodef-e-title {
    font-size: 30px;
    font-weight: 500;
    color: var(--color-title);
}
h3 a:hover {
    color: var(--color-boto);
}
h4, .h4, .p-destacat {
    font-size: 17px;
    font-weight: 700;
}
p {
    margin-top: 0;
}
a {
    color: var(--color-boto);
}
a:hover {
    color: var(--color-title);
}
@media (max-width: 880px) {
    h1, .h1, .single-post .qodef-page-title h2 {
        font-size: 80px;
    }
    h2, .h2 {
        font-size: 40px;
    }
}
@media (max-width: 680px) {
    h1, .h1, .single-post .qodef-page-title h2 {
        font-size: 54px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    h3, .h3, .single-post h2.qodef-e-title {
        font-size: 24px;
    }
}
@media (max-width: 480px) {
    h1, .h1 {
        font-size: 48px;
    }
    .single-post .qodef-page-title h2 {
        font-size: 31px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3, .single-post h2.qodef-e-title {
        font-size: 22px;
    }
}

/****** General *******/
.boto-principal a,
.boto-principal a.qodef-qi-button.qodef-layout--filled {
    padding: 22px 30px;
    font-family: var(--font-poppins);
    font-size: 14px;
}
.qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner > .qodef-m-item {
    border-color: #8EBBE6;
}

/****** Header  *******/
.qodef-header-sticky {
    background-color: var(--color-boto);
}
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    border: 1px solid #aaaaaa;
    border-top: 0;
}
#qodef-page-header .qodef-header-sticky .qodef-header-navigation > ul > li > a {
    color: #ffffff;
}

/****** Formularios *******/
input[type=email], input[type=tel], input[type=text], textarea {
    border-color: #879198;
    color: #879198;
}
button[type=submit] {
    padding: 15px 40px;
    background-color: var(--color-boto);
    border-color: var(--color-boto);
    font-weight: 400;
}
button[type=submit]:hover {
    background-color: #ffffff;
    border-color: var(--color-boto);
    color: var(--color-boto);
}
.contacto__accordion-header {
    padding: 0;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    font-family: var(--font-roboto);
    font-size: 15px;
    text-align: left;
}
.contacto__accordion-content {
    font-size: 15px;
    font-weight: 400;
}
.formulario__consent {
    margin: 12px 0 12px;
}
.formulario__consent .wpcf7-list-item,
.formulario__consent input[type=checkbox] {
    margin-left: 0;
}
.formulario__consent label {
    margin-bottom: 0;
}

/****** Home *******/
.home__servicios-iconos-grid .qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner {
    justify-content: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .home__servicios-grid-1 > .elementor-container > :nth-child(3) { 
        order: 4; 
    }
    .home__servicios-grid-1 > .elementor-container > :nth-child(4) { 
        order: 3; 
    }
    .home__servicios-grid-2 > .elementor-container > :nth-child(1) { 
        order: 2; 
    }
    .home__servicios-grid-2 > .elementor-container > :nth-child(2) { 
        order: 1; 
    }
}
@media (max-width: 767px) {
    .home__servicios-grid-1 > .elementor-container > :nth-child(1) { 
        order: 2; 
    }
    .home__servicios-grid-1 > .elementor-container > :nth-child(2) { 
        order: 1; 
    }
    .home__servicios-grid-1 > .elementor-container > :nth-child(3) { 
        order: 4; 
    }
    .home__servicios-grid-1 > .elementor-container > :nth-child(4) { 
        order: 3; 
    }
}

/****** Medicina estética *******/
.servicios__list-flex-3 .qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner {
    justify-content: center;
    align-items: start;
}
.servicios__list-flex-3 .qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner > .qodef-m-item {
    padding: 40px;
    flex-direction: column;
    text-align: center;
    border: none;
}
.servicios__list-flex-3 .qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3>.qodef-grid-inner>.qodef-m-item .qodef-m-item-image {
    margin: 0 auto 20px;
}
@media (max-width: 480px) {
    .servicios__list-flex-3 .qodef-icon-with-text-list.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner > .qodef-m-item {
        padding: 30px;
    }
}

/****** Servicio *******/
.servicios__sidebar .qodef-section-title .qodef-m-title {
    padding-bottom: 5px;
}
.servicios__servicios-parrafos {
    max-width: 632px;
}

/****** Blog *******/
.blog__listado .elementor-widget-container {
    max-width: 950px;
    margin: 0 auto;
}
.blog__listado .qodef-qi-grid>.qodef-grid-inner {
    gap: 80px;
}
.single-post #qodef-page-inner {
    padding-bottom: 80px;
}
.single-post .qodef-blog,
.category .qodef-blog {
    display: block;
    max-width: 950px;
    margin: 0 auto;
}
.single-post .qodef-blog article .qodef-e-media {
    margin-bottom: 40px;
}
.single-post .qodef-blog article .qodef-e-info .qodef-e-info-item {
    margin-bottom: 10px;
}
.single-post .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-date,
.category .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-date {
    display: none;
}
.qodef-blog article .qodef-e-info .qodef-e-info-item a {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4C8DCB;
}
.qodef-blog article .qodef-e-info .qodef-e-info-item a:hover {
    color: var(--color-title);
}
.comment-form-cookies-consent {
    margin: 10px 0 20px !important;
}