/*
Theme Name: Tema Personalizado Carolina
Author: Technicoders
Theme URI: https://technicoders.com
Description: Theme Diseñado para empresas dedicadas a la Belleza
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: PMU, micropigmentación, flexbox, css grid, mobile first
Text Domain: temapersonalizado
*/


/*Estilos globales botones */
.btn-primario .elementor-button {
    color: var(--btn-primary-color);
    background-color: var(--btn-primary-bg);
    border: var(--btn-primary-border-width) solid var(--btn-primary-border);
    padding: var(--btn-primary-padding);
    border-radius: var(--btn-primary-radius);
    transition: all 0.3s ease;
}

.btn-primario .elementor-button:hover {
    color: var(--btn-primary-color-hover);
    background-color: var(--btn-primary-bg-hover);
    border-color: var(--btn-primary-border-hover);
}

.btn-secundario .elementor-button {
    color: var(--btn-secondary-color);
    background-color: var(--btn-secondary-bg);
    border: var(--btn-secondary-border-width) solid var(--btn-secondary-border);
    padding: var(--btn-secondary-padding);
    border-radius: var(--btn-secondary-radius);
    transition: all 0.3s ease;
}

.btn-secundario .elementor-button:hover {
    color: var(--btn-secondary-color-hover);
    background-color: var(--btn-secondary-bg-hover);
    border-color: var(--btn-secondary-border-hover);
}

body {
    font-family: var(--font-body-family);
    font-size: var(--p-font-size);
    font-weight: var(--p-font-weight);
    line-height: var(--p-line-height);
    color: var(--p-color);
}

p {
    font-size: var(--p-font-size);
    font-weight: var(--p-font-weight);
    line-height: var(--p-line-height);
    color: var(--p-color);
}

h1, h2, h3, h4 {
    font-family: var(--font-headings-family);
}

h1 {
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height) !important;
    color: var(--h1-color);
}
h2 {
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height) !important;
    color: var(--h2-color);
}
h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--h3-line-height) !important;
    color: var(--h3-color);
}
h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--h4-line-height) !important;
    color: var(--h4-color);
}
@media(max-width: 767px) {
   h1 {
        font-size: var(--h1-font-size-mobile);        
   } 
   h2 {
        font-size: var(--h2-font-size-mobile);        
   } 
   h3 {
        font-size: var(--h3-font-size-mobile);        
   } 
   h4 {
        font-size: var(--h4-font-size-mobile);        
   } 
   p {
        font-size: var(--p-font-size-mobile);        
   } 
}