/*
Theme Name: Instituto de la construcción 2 Theme
Theme URI: https://urantiacos.cl
Author: Urantiacos
Author URI: https://urantiacos.cl/
Description: Instituto de la construcción 2
Version: 0.5
Requires at least: 5.5
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: construccion-theme
*/

/* Vars */
@property --fs0p8125rem{
    syntax: '*';
    initial-value: 0.8125rem;
    inherits: false;
}

@property --fs0p875rem{
    syntax: '*';
    initial-value: 0.875rem;
    inherits: false;
}

@property --fs0p75rem{
    syntax: '*';
    initial-value: 0.75rem;
    inherits: false;
}

@property --fs1p125rem{
    syntax: '*';
    initial-value: 1.125rem;
    inherits: false;
}

@property --fs1p375rem{
    syntax: '*';
    initial-value: 1.375rem;
    inherits: false;
}

@property --fs2rem{
    syntax: '*';
    initial-value: 2rem;
    inherits: false;
}

@property --fs2p1875rem{
    syntax: '*';
    initial-value: 2.1875rem;
    inherits: false;
}

@property --fs2p8125rem{
    syntax: '*';
    initial-value: 2.8125rem;
    inherits: false;
}

@property --fs3rem{
    syntax: '*';
    initial-value: 3rem;
    inherits: false;
}

@property --fs3p75rem{
    syntax: '*';
    initial-value: 3.75rem;
    inherits: false;
}

@property --fs4rem{
    syntax: '*';
    initial-value: 4rem;
    inherits: false;
}

@property --fs5rem{
    syntax: '*';
    initial-value: 5rem;
    inherits: false;
}

@property --fs6rem{
    syntax: '*';
    initial-value: 6rem;
    inherits: false;
}

@property --fs6p5rem{
    syntax: '*';
    initial-value: 6.5rem;
    inherits: false;
}

@property --colorBreadcrumb{
    syntax: '*';
    initial-value: #3A3A3A;
    inherits: false;
}

@property --colorDefault{
    syntax: '*';
    initial-value: #484848;
    inherits: false;
}

@property --colorPurple{
    syntax: '*';
    initial-value: #5443AF;
    inherits: false;
}

@property --colorPurpleOther{
    syntax: '*';
    initial-value: #4D3BA0;
    inherits: false;
}

@property --colorGreen{
    syntax: '*';
    initial-value: #00AC67;
    inherits: false;
}

@property --colorGreenOther{
    syntax: '*';
    initial-value: #358A2F;
    inherits: false;
}

@property --colorGreenDark{
    syntax: '*';
    initial-value: #17734E;
    inherits: false;
}

@property --colorGreenMid{
    syntax: '*';
    initial-value: #2D758D;
    inherits: false;
}

@property --colorGreenArmy{
    syntax: '*';
    initial-value: #026772;
    inherits: false;
}

@property --colorBlue{
    syntax: '*';
    initial-value: #324093;
    inherits: false;
}

@property --colorBlueDark{
    syntax: '*';
    initial-value: #101846;
    inherits: false;
}

@property --colorBlueOther{
    syntax: '*';
    initial-value: #1E285F;
    inherits: false;
}

@property --colorBlueSky{
    syntax: '*';
    initial-value: #0F69B5;
    inherits: false;
}

@property --colorBlueDOM{
    syntax: '*';
    initial-value: #0D68AF;
    inherits: false;
}

@property --colorGrey{
    syntax: '*';
    initial-value: #C0BFD8;
    inherits: false;
}

@property --colorGreyLight{
    syntax: '*';
    initial-value: #E7E6F2;
    inherits: false;
}

@property --colorGreyLighter{
    syntax: '*';
    initial-value: #F9F9FF;
    inherits: false;
}

@property --colorGreyMenu{
    syntax: '*';
    initial-value: #E9E9E9;
    inherits: false;
}

@property --colorGreyDark{
    syntax: '*';
    initial-value: #324A6D;
    inherits: false;
}

@property --colorGreyOther{
    syntax: '*';
    initial-value: #3240932E;
    inherits: false;
}

@property --colorPink{
    syntax: '*';
    initial-value: #F6EFEF;
    inherits: false;
}

@property --colorPinkStrong{
    syntax: '*';
    initial-value: #E5498D;
    inherits: false;
}

@property --colorRed{
    syntax: '*';
    initial-value: #A21A55;
    inherits: false;
}

@property --colorViolet{
    syntax: '*';
    initial-value: #CFD5F580;
    inherits: false;
}

@property --colorOrange{
    syntax: '*';
    initial-value: #CD9938;
    inherits: false;
}

@property --plusjakartasans{
    syntax: '*';
    initial-value: 'Plus Jakarta Sans', sans-serif;
    inherits: false;
}

/* Global */
html,body{
    font-family: 'DM Sans', sans-serif !important;
    overflow-x: clip;
    color: var(--colorDefault) !important;
}

.ff-dmsans{
    font-family: 'DM Sans', sans-serif !important;
}

.ff-plusjakartasans{
    font-family: var(--plusjakartasans) !important;
}

img{
    max-width: 100%;
    height: auto;
}

header{
    z-index: 20;
    position: relative;
}

img.alignleft,
img.alignright{
    float: left;
    margin: 0 1.5rem 1.5rem 0;
}

img.alignright{
    float: right;
}

.p:empty{
    display: none;
}

@media(max-width: 768px){
    .wp-block-image > figure{
        float: none !important;
        margin: 0 auto 1rem auto !important;
    }
}

.z-index-m1,
.z-index-n-1{
    z-index: -1 !important;
}

.z-index-10{
    z-index: 10 !important;
}

@media(min-width: 1200px){
    div.border-bottom-xl-0{
        border-bottom: none !important;
    }

    div.border-end-xl{
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }
}

.flex-basis-50{
    flex-basis: 50%;
}

.opacity-20{
    opacity: 0.2;
}

.rotate-90{
    transform: rotate(90deg) !important;
}

.rotate-270{
    transform: rotate(270deg) !important;
}

/* Colors */
.color-default{
    color: var(--colorDefault) !important;
}

.bg-color-default{
    background-color: var(--colorDefault);
}

.color-breadcrumb{
    color: var(--colorBreadcrumb);
}

.bg-color-breadcrumb{
    background-color: var(--colorBreadcrumb);
}

.color-purple{
    color: var(--colorPurple) !important;
}

.bg-color-purple{
    background-color: var(--colorPurple);
}

.color-purpleother{
    color: var(--colorPurpleOther) !important;
}

.bg-color-purpleother{
    background-color: var(--colorPurpleOther);
}

.color-green{
    color: var(--colorGreen);
}

.bg-color-green{
    background-color: var(--colorGreen);
}

.color-greenother{
    color: var(--colorGreenOther);
}

.bg-color-greenother{
    background-color: var(--colorGreenOther);
}

.color-greendark{
    color: var(--colorGreenDark);
}

.bg-color-greendark{
    background-color: var(--colorGreenDark);
}

.color-greenmid{
    color: var(--colorGreenMid);
}

.bg-color-greenmid{
    background-color: var(--colorGreenMid);
}

.color-greenarmy{
    color: var(--colorGreenArmy);
}

.bg-color-greenarmy{
    background-color: var(--colorGreenArmy);
}

.color-blue{
    color: var(--colorBlue) !important;
}

.bg-color-blue{
    background-color: var(--colorBlue);
}

.color-bluesky{
    color: var(--colorBlueSky);
}

.bg-color-bluesky{
    background-color: var(--colorBlueSky);
}

.color-blueother{
    color: var(--colorBlueOther);
}

.bg-color-blueother{
    background-color: var(--colorBlueOther);
}

.color-bluedom{
    color: var(--colorBlueDOM);
}

.bg-color-bluedom{
    background-color: var(--colorBlueDOM);
}

.bg-color-bluetransparent{
    background-color: #202A67CC;
}

.color-gradient-bluegreen{
    background: linear-gradient(90deg, #324093 35.75%, #00AC67 64.48%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-color-gradient-bluegreen{
    background: linear-gradient(180deg, #324093 0%, #00AC67 100%);
}

.bg-color-gradient-blue{
    background: linear-gradient(0deg, rgba(24, 60, 100, 0.64), rgba(24, 60, 100, 0.64)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(102, 102, 102, 0) 100%);
}

.bg-color-gradient-green{
    background: linear-gradient(0deg, #01AF6F, #01AF6F), linear-gradient(0deg, rgba(50, 64, 147, 0.01) 0%, rgba(30, 40, 95, 0.01) 100%);
}

.bg-color-gradient-purplegreen{
    background: linear-gradient(360deg, #00AC67 0%, #5443AF 100%);
}

.color-bluedark{
    color: var(--colorBlueDark);
}

.bg-color-bluedark{
    background-color: var(--colorBlueDark);
}

.color-gray,
.color-grey{
    color: var(--colorGrey);
}

.bg-color-gray,
.bg-color-grey{
    background-color: var(--colorGray);
}
    
.color-greylight,
.color-graylight{
    color: var(--colorGreyLight);
}

.bg-color-greylight,
.bg-color-graylight{
    background-color: var(--colorGreyLight);
}

.color-greylighter{
    color: var(--colorGreyLighter);
}

.bg-color-greylighter{
    background-color: var(--colorGreyLighter) !important;
}

.color-greymenu,
.color-graymenu{
    color: var(--colorGreyMenu);
}

.bg-color-greymenu,
.bg-color-graymenu{
    background-color: var(--colorGreyMenu) !important;
}

.color-greydark,
.color-graydark{
    color: var(--colorGreyDark);
}

.bg-color-greydark,
.bg-color-graydark{
    background-color: var(--colorGreyDark);
}

.color-greyother,
.color-grayother{
    background-color: var(--colorGreyOther);
}

.bg-color-greyother,
.bg-color-grayother{
    background-color: var(--colorGreyOther);
}

.color-pink{
    color: var(--colorPink);
}

.bg-color-pink{
    background-color: var(--colorPink) !important;
}

.color-pinkstrong{
    color: var(--colorPinkStrong);
}

.bg-color-pinkstrong{
    background-color: var(--colorPinkStrong) !important;
}

.color-violet{
    color: var(--colorViolet);
}

.bg-color-violet{
    background-color: var(--colorViolet);
}

.bg-color-green-transparent{
    background-color: #00AC671A;
}

.bg-color-purple-transparent{
    background-color: #32409333;
}

.bg-color-pink-transparent{
    background-color: #8A0AB533;
}

.bg-color-orange-transparent{
    background-color: #CD993852;
}

.bg-color-black-transparent{
    background-color: #0000003B;
}

.color-red{
    color: var(--colorRed);
}

.bg-color-red{
    background-color: var(--colorRed);
}

.color-orange{
    color: var(--colorOrange);
}

.bg-color-orange{
    background-color: var(--colorOrange);
}

.bg-color-bluecms{
    background-color: #0947d1;
}

.bg-color-bluecms-image-only .image img{
    background-color: #0947d1;
    border-radius: var(--bs-border-radius) !important;
}

/* background and object */
.bg-none{
    background: none !important;
}

.bg-size-cover{
    background-size: cover;
}

.bg-size-contain{
    background-size: contain;
}

.bg-repeat-none{
    background-repeat: no-repeat;
}

.bg-position-top{
    background-position: top;
}

.bg-position-center{
    background-position: center;
}

.bg-position-bottom{
    background-position: bottom;
}

.object-position-top{
    object-position: top !important;
}

.object-position-center{
    object-position: center !important;
}

.object-position-bottom{
    object-position: bottom !important;
}

/* Font size */
.fs-0p8125rem{
    font-size: var(--fs0p8125rem);
}

.fs-0p875rem{
    font-size: var(--fs0p875rem);
}

.fs-0p75rem{
    font-size: var(--fs0p75rem);
}

.fs-1p125rem{
    font-size: var(--fs1p125rem) !important;
}

.fs-1p375rem{
    font-size: var(--fs1p375rem) !important;
}

.fs-1p875rem{
    font-size: 1.875rem;
}

.fs-2rem{
    font-size: var(--fs2rem);
}

.fs-2p1875rem{
    font-size: var(--fs2p1875rem);
}

.fs-2p8125rem{
    font-size: var(--fs2p8125rem);
}

.fs-3rem{
    font-size: var(--fs3rem) !important;
}

@media(min-width: 768px){
    .fs-md-3rem{
        font-size: var(--fs3rem) !important;
    }
}

.fs-3p75rem{
    font-size: var(--fs3p75rem) !important;
}

.fs-4rem{
    font-size: var(--fs4rem) !important;
}

.fs-5rem{
    font-size: var(--fs5rem);
}

.fs-6rem{
    font-size: var(--fs6rem);
}

.fs-6p5rem{
    font-size: var(--fs6p5rem);
}

/* Width */
.w-1px{
    width: 1px !important;
}

.w-28px{
    width: 28px;
}

.w-36px{
    width: 36px;
}

.w-45px{
    width: 45px;
}

.w-60px{
    width: 60px;
}

.w-70px{
    width: 70px;
}

.w-80px{
    width: 80px;
}

.w-118px{
    width: 118px;
}

.w-max-100{
    max-width: 100%;
}

/* Height */
.h-1px{
    height: 1px;
}

.h-3px{
    height: 3px;
}

.h-4px{
    height: 4px;
}

.h-28px{
    height: 28px;
}

.h-36px{
    height: 36px;
}

.h-45px{
    height: 45px;
}

.h-55px{
    height: 55px;
}

.h-60px{
    height: 60px;
}

.h-70px{
    height: 70px;
}

.h-100px{
    height: 100px;
}

.h-118px{
    height: 118px;
}

.h-150px{
    height: 150px;
}

.h-200px{
    height: 200px;
}

.h-250px{
    height: 250px;
}

.h-300px{
    height: 300px;
}

.h-400px{
    height: 400px;
}

.h-450px{
    height: 450px;
}

.h-500px{
    height: 500px;
}

.h-600px{
    height: 600px;
}

.h-700px{
    height: 700px;
}

.h-800px{
    height: 800px;
}

@media(min-width: 768px){
    .h-md-100px{
        height: 100px;
    }

    .h-md-150px{
        height: 150px;
    }

    .h-md-200px{
        height: 200px;
    }

    .h-md-250px{
        height: 250px;
    }

    .h-md-300px{
        height: 300px;
    }

    .h-md-400px{
        height: 400px;
    }

    .h-md-500px{
        height: 500px;
    }

    .h-md-600px{
        height: 600px;
    }

    .h-md-700px{
        height: 700px;
    }

    .h-md-800px{
        height: 800px;
    }
}

@media(min-width: 992px){
    .h-lg-100{
        height: 100%;
    }
}

@media(min-width: 1200px){
    .h-xl-100px{
        height: 100px;
    }

    .h-xl-150px{
        height: 150px;
    }

    .h-xl-200px{
        height: 200px;
    }

    .h-xl-250px{
        height: 250px;
    }

    .h-xl-300px{
        height: 300px;
    }

    .h-xl-400px{
        height: 400px;
    }

    .h-xl-500px{
        height: 500px;
    }

    .h-xl-600px{
        height: 600px;
    }

    .h-xl-700px{
        height: 700px;
    }

    .h-xl-800px{
        height: 800px;
    }
}

.h-max-100{
    max-height: 100%;
}

/* Margin & padding */
.p-10px{
    padding: 10px;
}

.mt-3rem{
    margin-top: 3rem;
}

.mt-n-0p75rem{
    margin-top: -0.75rem;
}

.mt-n-5{
    margin-top: -3rem !important;
}

@media(min-width: 992px){
    .mt-lg-n-5rem{
        margin-top: -5rem !important;
    }
}

@media(min-width: 1200px){
    .mt-xl-n-5rem{
        margin-top: -5rem !important;
    }
}

.mt-n-4rem{
    margin-top: -4rem;
}

.mb-n-5{
    margin-bottom: -3rem;
}

.mb-n-4rem{
    margin-bottom: -4rem;
}

.ms-n-6rem{
    margin-left: -6rem;
}

@media(max-width: 575px){
    .ms-3-sm,
    .mx-3-sm{
        margin-left: 1rem !important;
    }
}

.me-n-1{
    margin-right: -0.25rem;
}

@media(max-width: 575px){
    .me-3-sm,
    .mx-3-sm{
        margin-right: 1rem !important;
    }
}

.me-5rem{
    margin-right: 5rem;
}

.translate-y-3rem{
    transform: translateY(3rem);
}

/* Top */
.top-24px{
    top: 24px;
}

.top-59px{
    top: 59px;
}

.top-350px{
    top: 350px;
}

.top-450px{
    top: 450px;
}

/* Start */
.start-24px{
    left: 24px;
}

/* Box shadow */ 
.box-shadow{
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.card-shadow{
    box-shadow: 0px 1px 8px 0px #00000040 !important;
}

/* Overlay */
.construccion-overlay:before,
.construccion-overlay-30:before,
.construccion-overlay-45:before,
.construccion-overlay-60:before,
.construccion-overlay-75:before,
.construccion-overlay-slider:before{
    content: '';
    background-color: rgb(0 0 0 / 15%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}

.construccion-overlay-30:before{
    background-color: rgb(0 0 0 / 30%);
}

.construccion-overlay-45:before{
    background-color: rgb(0 0 0 / 45%);
}

.construccion-overlay-60:before{
    background-color: rgb(0 0 0 / 60%);
}

.construccion-overlay-75:before{
    background-color: rgb(0 0 0 / 75%);
}

.construccion-overlay-slider:before{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(102, 102, 102, 0.061) 61.77%), 
    linear-gradient(90deg, rgba(68, 33, 218, 0.2) 0%, rgba(0, 172, 103, 0.04) 79.9%);
}

/* Navbar */
.construccion-header-menu .construccion-navbar .nav-item .construccion-navbar{
    display: none;
}

.construccion-navbar.dropdown:before{
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #324093;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.construccion-navbar.dropdown:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 100%;
    display: inline-block;
    height: 10px;
}

.construccion-header-menu .construccion-navbar .nav-item.has-children:hover .dropdown,
.construccion-header-menu .construccion-navbar.dropdown .nav-item.has-children:hover .dropend{
    display: block;
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--colorBlue);
    z-index: 10;
    width: 180%;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.construccion-header-menu .construccion-navbar.dropdown .nav-item.has-children:hover .dropend{
    top: 0;
    left: initial;
    right: -100%;
    width: 100%;
}

.construccion-header-menu .construccion-navbar .nav-item.has-children:hover .dropdown .nav-item,
.construccion-header-menu .construccion-navbar.dropdown .nav-item.has-children:hover .dropend{
    padding: 0.5rem 0;
}

.construccion-header-menu > .construccion-navbar:first-child > .nav-item > a{
    border-bottom: 2px solid transparent;
}

.construccion-header-menu > .construccion-navbar:first-child > .nav-item > a.active{
    border-bottom: 2px solid var(--colorGreen);
}

.page-header .construccion-breadcrumb a,
.page-header .construccion-breadcrumb li,
.page-header .construccion-breadcrumb .material-symbols-outlined{
    color: #FFF !important;
}

/* Mobile menu */
.navbar-toggler:not(.collapsed) .material-symbols-outlined.open{
    display: none;
}

.navbar-toggler.collapsed .material-symbols-outlined.close{
    display: none;
}

.construccion-navbar-mobile .dropdown-toggle{
    top: 9px;
    right: 16px;
    transition: transform .3s ease;
}

.construccion-navbar-mobile .dropdown-toggle.show{
    transform: rotate(180deg);
}

.construccion-navbar-mobile .dropdown-toggle:after{
    content: none;
}

/* Footer */
.construccion-footer > .container-fluid{
    max-width: 1920px;
}

/* Contact */
.construccion-form input,
.construccion-form select,
.construccion-form textarea{
    padding: 0.75rem 1rem;
    border: 1px solid #c1c1c1;
    width: 100%;
}

.construccion-form label{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Carousel */
.carousel-control-prev,
.carousel-control-next{
    height: initial;
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: initial !important;
    width: initial !important;
    left: 75px !important;
}

.carousel-control-next{
    right: 75px !important;
    left: initial !important;
}

/* Lateral menu */
.construccion-lateral-menu ul a.active{
    font-weight: 600;
}

/* Positioning center */
.vertical-center{
    top: 50% !important;
    transform: translateY(-50%);
}

.horizontal-center{
    left: 50% !important;
    transform: translateX(-50%);
}

/* Text meant only for screen readers. */
.screen-reader-text{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus{
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Logo */
.custom-logo-link img{
    max-width: 100%;
    width: 104px;
    height: auto;
    object-fit: contain; /* For Safari */
}

footer .custom-logo-link img{
    width: 210px;
}

.offcanvas-header .custom-logo-link img{
    width: 128px;
}

/* Contact Form 7 */
.wpcf7-response-output{
    border: 1px solid !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 7px 16px !important;
    margin: 12px 0 !important;
    border-color: #0a0 !important;
    background-color: rgba(0,170,0,.1);
}

.wpcf7-form.invalid .wpcf7-response-output{
    background-color: rgba(242,79,79,.1);
    border-color: #f24f4f !important;
}

.wpcf7-response-output:before{
    content: 'check_circle';
    font-family: 'Material Symbols Outlined';
    color: #0a0;
    line-height: 1.1;
    margin-right: 8px;
}

.wpcf7-form.invalid .wpcf7-response-output:before{
    content: 'cancel';
    color: #f24f4f;
}

.wpcf7-not-valid-tip{
    color: #f24f4f;
}

.wpcf7-list-item.first{
    margin-left: 0;
}

/* Tiny Slider */
.tns-hide-nav .tns-nav{
    display: none;
}

.tns-hide-controls .tns-controls{
    display: none;
}

.tns-material-controls .tns-outer{
    position: relative;
}

.tns-material-controls .tns-controls button[data-controls=prev],
.tns-material-controls .tns-controls button[data-controls=next]{
    font-size: 0;
    border: none;
    padding: 0;
    background-color: transparent;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.tns-material-controls .tns-controls button[data-controls=next]{
    left: initial;
    right: 0;
}

.tns-material-controls .tns-controls button[data-controls=prev]:before,
.tns-material-controls .tns-controls button[data-controls=next]:before{
    content: 'keyboard_arrow_left';
    font-family: 'Material Symbols Outlined';
    font-size: 4rem;
}

.tns-material-controls .tns-controls button[data-controls=next]:before{
    content: 'keyboard_arrow_right';
}

.tns-material-controls .tns-nav{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.tns-material-controls .tns-nav button{
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 0px 12px;
    background-color: #C3C3C3;
    padding: 0; /* Safari bug */
}

.tns-material-controls .tns-nav button.tns-nav-active{
    background-color: #DFDFDF;
}

/* Loading */
.spinner-border{
    color: #0F3859;
}

.color-grey.transparencia-menu a,
.color-gray.transparencia-menu a{
    color: var(--colorGrey) !important;
}

/* Login */
.bg-color-login{
    background-color: #357096 !important;
}

/* Buttons */
.btn-green{
    background-color: #00A462 !important;
}

.btn-green:hover{
    background-color: #028D55 !important;
}

.btn-green:active{
    background-color: #026B41 !important;
}

/* Menu search */
.menu-search input{
    width: 0;
    padding: 0;
    border: 0;
    transition: width 0.3s ease,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.menu-search .material-symbols-outlined{
    transition: font-size 0.3s ease;
    cursor: pointer;
}

.menu-search.opened input{
    width: 100%;
    padding: .375rem .75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.menu-search.opened .material-symbols-outlined{
    font-size: 0;
}

/* Opacity intersection */
.fadein-intersection{
    transition: opacity 1.2s;
}

.slideup-intersection{
    transition: opacity 1.2s, margin-top 1.2s, transform 1s;
}

/* Icon cards */
.construccion-icon-cards .title{
    line-height: 1.4;
}

.construccion-icon-cards .image img{
    width: 130px;
    height: 130px;
}

.construccion-iniciativa-icon .image img{
    height: 89px;
    margin-top: 1rem;
}

.construccion-iniciativa-dom .image img{
    height: 100px;
    margin-top: 2rem;
}

.construccion-home-news .link-top a,
.construccion-home-news .link-bottom a{
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    color: var(--colorBlue) !important;
}

.construccion-home-news .link-bottom a{
    border-bottom-color: var(--colorBlue) !important;
}

.cards-valores .row{
    justify-content: center;
}

.cards-valores .card{
    background-color: transparent;
    color: #FFF;
    text-align: center;
}

.cards-valores .card .title h1,
.cards-valores .card .title h2,
.cards-valores .card .title h3,
.cards-valores .card .title h4,
.cards-valores .card .title h5,
.cards-valores .card .title h6{
    color: #FFF !important;
}

.cards-valores .card .image img{
    width: 86px;
    height: 86px;
}

.cards-valores .card .text{
    font-family: var(--plusjakartasans);
    font-weight: 600;
}

.accordion-button{
    padding: 1.25rem;
}

.card.card-border-left,
.border-left-green,
.accordion-button.collapsed{
    border-left: 9px solid var(--colorGreen) !important;
}

.border-left-blue,
.accordion-button{
    border-left: 9px solid var(--colorBlue) !important;
}

.border-gradient-bluegreen{
    background-image: linear-gradient(white, white), linear-gradient(90deg, #324093 35.75%, #00AC67 64.48%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 3px solid transparent;
    border-radius: 8px;
    border-width: 5px;
}

.timeline-indicatorline{
    border: 2px dashed #FFF;
}

.fw-bold-color-green strong,
.fw-bold-color-green b{
    color: var(--colorGreen);
}

.construccion-temas-link .image img{
    height: 91px;
    width: 91px;
}

.construccion-temas-link .text{
    margin-bottom: 0px !important;
}

@media(min-width: 768px){
    .construccion-temas-link .image{
        margin-bottom: 0px !important;
    }

    .construccion-temas-link .text{
        margin-left: 1rem;
        width: 70%;
    }
}

.construccion-convenios-card .card{
    background-image: linear-gradient(white, white), linear-gradient(90deg, #324093 35.75%, #00AC67 64.48%);
    background-origin: border-box;
    background-clip: padding-box, border-box !important;
    border: 3px solid transparent !important;
    border-radius: 8px !important;
    border-width: 5px;
}

@media(min-width: 576px){
    .construccion-convenios-card .card-body{
        flex-direction: row !important;
        align-items: center;
    }

    .construccion-convenios-card .card-body .title{
        width: 40%;
        margin-bottom: 0 !important;
    }

    .construccion-convenios-card .card-body .text{
        width: 60%;
        margin-bottom: -1rem !important;
    }
}