/*
 Theme Name: Hello Elementor Child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template: hello-elementor
 Version:      
 License:      
 License URI:  
 Tags:     
 Text Domain:
*/
/* =Aquí empieza la personalización de tu tema */

:root{
    --white-color: #fff;
    --brand-color-primary: #FE8901;
    --blue-color: #088BFB;
    --red-color: #FF3333;
    --orange-color:  #FFA51A;
    --green-color:  #5ACC79;

    --white-color-transparent: rgba(255,255,255,0.7);
    --border-radius-button: 32px;
    
    --font-family-primary:  "muli",sans-serif; 
    --font-family-second:  "din-2014-narrow",sans-serif; 
    --font-family-third:  "din-2014",sans-serif; 
    --font-family-fourth: 'Open Sans', sans-serif;

    --font-size-button: 0.9rem;

    --tablet: 768px;
}

/*  Muli => Muli */
/*  din => din */
/*  product => open san*/
/* Circular  => muli */

*::-webkit-scrollbar {
	width: 7px;
}

*::-webkit-scrollbar-track {
	display: none;
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background: #a0a0a0;
	border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
	background: #a0a0a0;
}

/* FONT FAMILY */

.font-family-primary p, 
.font-family-primary h1, 
.font-family-primary h2, 
.font-family-primary h3, 
.font-family-primary h4, 
.font-family-primary h5, 
.font-family-primary h6, 
.font-family-primary span, 
.font-family-primary a, 
.font-family-primary button, 
.font-family-primary li, 
.font-family-primary div, 
.font-family-primary {
    font-family: var(--font-family-primary) !important;
}

.font-family-second p, 
.font-family-second h1, 
.font-family-second h2, 
.font-family-second h3, 
.font-family-second h4, 
.font-family-second h5, 
.font-family-second h6, 
.font-family-second span, 
.font-family-second a, 
.font-family-second button, 
.font-family-second li, 
.font-family-second div, 
.font-family-second {
    font-family: var(--font-family-second) !important;
}

.font-family-third p, 
.font-family-third h1, 
.font-family-third h2, 
.font-family-third h3, 
.font-family-third h4, 
.font-family-third h5, 
.font-family-third h6, 
.font-family-third span, 
.font-family-third a, 
.font-family-third button, 
.font-family-third li, 
.font-family-third div, 
.font-family-third {
    font-family: var(--font-family-third) !important;
}

.font-family-fourth p, 
.font-family-fourth h1, 
.font-family-fourth h2, 
.font-family-fourth h3, 
.font-family-fourth h4, 
.font-family-fourth h5, 
.font-family-fourth h6, 
.font-family-fourth span, 
.font-family-fourth a, 
.font-family-fourth button, 
.font-family-fourth li, 
.font-family-fourth div, 
.font-family-fourth {
    font-family: var(--font-family-fourth) !important;
}

.blue p, 
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6, 
.blue span, 
.blue a, 
.blue button, 
.blue li, 
.blue div, 
.blue {
    color: var(--blue-color) !important;
}

.red p, 
.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6, 
.red span, 
.red a, 
.red button, 
.red li, 
.red div, 
.red {
    color: var(--red-color) !important;
}

.orange p, 
.orange h1, 
.orange h2, 
.orange h3, 
.orange h4, 
.orange h5, 
.orange h6, 
.orange span, 
.orange a, 
.orange button, 
.orange li, 
.orange div, 
.orange {
    color: var(--orange-color) !important;
}

.green p, 
.green h1, 
.green h2, 
.green h3, 
.green h4, 
.green h5, 
.green h6, 
.green span, 
.green a, 
.green button, 
.green li, 
.green div, 
.green {
    color: var(--green-color) !important;
}


/* GLOBAL STYLES */
.button a {
    font-family: var(--font-family-primary);
    font-size: --font-size-button;
    font-weight: 300;
    border: 1px solid var( --brand-color-primary );
    border-radius: var(--border-radius-button);
    padding: 11px 20px;    
    transition: .2s;
}

.button a:hover {
    transform: scale(1.1);
}

.button_primary a {
    background-color: var(--brand-color-primary);
}

.button_secundary a {
    background-color: rgba(255, 255, 255, 0);
}

.button_secundary a:hover {
    background-color: var(--brand-color-primary);
}

.hero_title_tm {
    font-size: 1rem;
    position: absolute;
    margin: 4px;
    display: inline-block;
}

.hero_title h1 {
    line-height: 1.3;
    font-size: 1.5rem;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .hero_title h1 {
        font-size: 2rem;
    }
}

@media (min-width: 1024px) {
    .hero_title h1 {
        font-size: 2.5rem;
    }
}

.hero_subtitle p {
    font-size: 1.5rem;
    color: var(--white-color-transparent);
    font-weight: 400 !important;
}

.section-title h2{
    font-family: var(--font-family-primary) !important;
    font-size: 1.5rem;
    line-height: 1.3;
    text-transform: uppercase;
}


@media (min-width: 426px) {
    .section-title h2 {
        font-size: 2.2rem;
    }
}

.section-title-value {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}
.section-title-value h2 {
    font-size: 1.5rem;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 400 !important;
    height: 5rem;
    display: flex;
    margin-bottom: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    font-family: var(--font-family-fourth) !important;
}


@media (min-width: 426px) {
    .section-title-value h2 {
        font-size: 2.2rem;
    }
}

.paragraph
.paragraph p{
    font-family: var(--font-family-primary) !important;
    line-height: 2.5rem;
    margin-top: 1.5rem;
    font-size: 1.1rem;
}
.paragraph-mediun p {
    font-family: var(--font-family-primary) !important;
    line-height: 1.7;
    margin-top: .5rem;
    font-size: 1.3rem;
}

.divider span{
    border-radius: 10px;
}

.service-box .elementor-widget-wrap{
    transition: all .2s ease-in-out !important;
}

.service-box .elementor-widget-wrap:hover {
    box-shadow: 0 0 4px #a0a0a0;
    cursor: pointer;
    transform: scale(1.05);
    transition: all .2s ease-in-out !important;
}

.renatus-means p,
.total-care p {
    color: rgb(0,0,0, 0.7);
    font-family: var(--font-family-primary) !important;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 4px;
}

.renatus-means p {
    font-weight: 300 !important;
}

.total-care p {
    font-weight: bold !important;
    letter-spacing: 10px;
}

.background-responsive{
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/03/Responsive.png');
    height: 3rem;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
}

.background-reliable {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/03/Reliable.png');
    height: 3rem;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
}

.background-letter-title {
    height: 5rem;
    display: flex;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
    justify-content: center !important;
    align-items: center !important;
}

.background-reputable {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/03/Reputable-back.png  ');
}

.background-letter-title-color {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.line::after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -30px;
    border-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.line-blue::after{
    background: var(--blue-color);
}
.line-red::after{
    background: var(--red-color);
}

.line-orange::after{
    background: var(--orange-color);
}
.line-green::after{
    background: var(--green-color);
}

.background-letter-title-color h2 {
    height: 4rem;
    display: flex;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 800 !important;
    font-family: var(--font-family-fourth) !important;
}

.background-support {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/04/SUPPORT.png');
}

.background-security {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/04/SECURITY.png');
}

.background-continuity {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/04/CONTINUITY-backg.png');
}

.background-monitoring {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/04/MONITORING-backg.png');
}

.background-value {
    background-image: url('http://rns01.newer.io/wp-content/uploads/2022/04/VALUES.png');
}

.value-icon h3 span{
    text-transform: uppercase;
    font-weight: 400 !important;
}

.testimonial-image img {
    margin: 0 auto;
}