/*  
 *  Aurumcore Landing Page Main Stylesheet
 *  January, 2022
 *  All rights reserved.
 *
 *  
 *  Index (Open search -> C+V to go there):

 *  - Definition: Body;
 *  - Definition: Estructure;
 *  - Definition: Typography;
 *  - Definition: Buttons;
 *  - Section: Main menu;
 *  - Section: Heading;
 *  - Section: Main Head;
 *  - Section: Modules;
 *  - Section: Pains;
 *  - Section: Technology;
 *  - Section: Use cases;
 *  - Section: Contact;
 *  - Definition: Footer;
 *  - Page: Blog;
 *  - Page: Blog entry;
 *
*/

:root {
    --primary: #B6802C; /* Dark yellow */
    --secondary: #36617B; /* Aqua */
    --accent: #730202; /* Red */
    --complement1: #E5BC41; /* Light Yellow special */
    --complement2: #023859; /* Dark blue */
    --complement3: #071024; /* Darker blue */
    --background: #F8FCFC; /* Lighter blue */
    --border: #E5EAF5;

    --white: #FFFFFF;
    --black: #071024;
  
    --disabled-bg: #D5DCE4;
    --gradient: linear-gradient(90deg,#ECCA65 0%,#B6802C);
}

/* Abandon all hope, ye who enter here */


/* ==========================================
 * Definition: Body;
 * ========================================== */
html {
    position: relative;
    min-height: 100%;
    padding: 0;
    margin: 0;
}
body {
    margin: 0;
    width: 100%;
    cursor: default;
    color: var(--black);
    font-size: 16px;
    line-height: 24px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    background-color: var(--white);
    overflow-x: hidden;
}

.bg-img-cover {
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* ==========================================
 * Definition: Estructure;
 * ========================================== */
/* ---- Padding ---- */
.pt-8 { padding-top: 4.5rem !important; }
.pt-10 { padding-top: 6rem !important; }

.pb-8 { padding-bottom: 4.5rem !important; }
.pb-10 { padding-bottom: 6rem !important; }

.py-8 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
.py-10 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
@media (max-width: 991px) {
    .pt-8 { padding-top: 3rem !important; }
    .pb-8 { padding-bottom: 3rem !important; }
    .py-8 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-10 { padding-top: 3.5rem !important; }
    .pb-10 { padding-bottom: 3.5rem !important; }
    .py-10 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
}

/* ---- Text color ---- */
.text-dark { color: var(--black)!important; }
.text-primary { color: var(--primary)!important; }
.text-secondary { color: var(--secondary)!important; }
.text-accent { color: var(--accent)!important; }
.text-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#E5BC41), to(#AF813D));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---- Bootstrap card ---- */
.card {
    transition: 0.3s;
    border: none;
    border-radius: 16px;
    /*box-shadow: 0px 3px 24px rgba(44,44,44,.16);*/
    -webkit-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    -moz-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
}
.card-body {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}


/* ==========================================
 * Definition: Typography;
 * ========================================== */
h1 {
    margin: 24px 0;
    font-size: 42px;
    line-height: 52px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 991px) {
    h1 { font-size: 36px; line-height: 46px; }
}
h2 {
    margin: 24px 0;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 991px) {
    h2 { font-size: 30px; line-height: 40px; }
}
h3 {
    margin: 16px 0;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 991px) {
    h3 { font-size: 24px; line-height: 32px; }
}
h4 {
    margin: 16px 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 991px) {
    h4 { font-size: 20px; line-height: 30px; }
}
h5 {
    margin: 16px 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
h6 {
    margin: 16px 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
p.small-text {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}


/* ==========================================
 * Definition: Buttons;
 * ========================================== */
/* ---- Anchors ---- */
a:not(.button), a:not(.button):visited {
    display: inline-block;
    margin: 0;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
a:not(.button):active,
a:not(.button):hover,
a:not(.button):focus {
    color: var(--complement1)!important;
    text-decoration: none;
}

/* ---- Buttons ---- */
.button, .hs-button {
    position: relative;
    display: inline-block;
    margin: 0;
    min-width: 100px;
    padding: 10px;

    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    text-align: center;
    text-decoration: none;

    border: 1px solid var(--complement1);
    border-radius: 10px;
    transition: 0.3s;
}
.button.radius { border-radius: 30px; }
.button:not(:disabled):hover,
.hs-button:not(:disabled):hover {
    box-shadow: 0 3px 8px rgba(0,0,0,.12);
}
.button:disabled,
.hs-button:disabled { opacity: .5; cursor: not-allowed; }

.btn_filled, #blog_entry .hs-button {
    color: var(--white);
    background: rgb(236,202,101);
    background: linear-gradient(180deg, rgba(236,202,101,1) 0%, rgba(182,128,44,1) 100%);
}
.btn_filled:active,
.btn_filled:hover,
#blog_entry .hs-button:active,
#blog_entry .hs-button:hover {
    color: var(--white)!important;
    background: rgb(224,190,90);
    background: linear-gradient(184deg, rgba(224,190,90,1) 0%, rgba(167,111,25,1) 100%);
}
.btn_linear {
    color: var(--black);
    background-color: rgba(236,202,101,.08);
    border: 2px solid var(--complement1);
}
.btn_linear:active,
.btn_linear:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn_link {
    color: var(--primary)!important;
    text-decoration: underline!important;
    background-color: transparent;
    border: 1px solid transparent;
}
.btn_link:active,
.btn_link:hover {
    color: var(--primary);
}


/* ==========================================
 * Section: Main menu;
 * ========================================== */
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 100;
    transition: 0.3s;
}
header.scrolling {
	  position: fixed;
    box-shadow: 0 2px 24px rgba(44,44,44,.16);
    background-color: var(--white);
}

/* ---- Main logo ---- */
.navbar-brand {
    padding: 0;
    display: inline-block;
    width: 128px;
    height: 41px;
    background: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/aurum_logo.png) no-repeat center;
    background-size: cover;
}

@media (max-width: 991px) {
    .navbar-brand {
        position: absolute;
        top: 12px;
        left: 0;
    }
}

/* ---- Language link ---- */
a.language {
    display: inline-block;
    padding: 4px 12px;
    margin: 8px 0;
    font-size: 14px;
    background-color: var(--border);
    border-radius: 4px;
}
a.language:not(.button):active,
a.language:not(.button):hover {
    color: var(--secondary)!important;
}
header .navbar-collapse { border-top: 1px solid var(--border); }

@media (min-width: 992px) {
    header.scrolling a.language { display: none; }
    header.scrolling .navbar-collapse { border-top: none; }
}
@media (max-width: 991px) {
    a.language {
        position: relative;
        top: -4px;
        margin: 0;
    }
}

/* ---- Menu toggler ---- */
.navbar .navbar-toggler {
    width: 42px;
    height: 42px;
    padding: 5px;
    margin: 10px -12px 10px 10px;
    color: var(--black);
    font-size: 24px;
    border-radius: 8px;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:active { color: var(--primary)!important; }
.navbar .navbar-toggler:focus {
    box-shadow: none;
    border-color: var(--primary);
}

/* ---- Menu options ---- */
.navbar-nav .nav-item:not(:last-child) {
    position: relative;
    padding: 10px 0;
    margin: 0 16px;
}
.navbar-nav .nav-item a:not(.button) { font-size: 14px; }
header.scrolling .navbar-nav .nav-item:not(:last-child) {
    padding: 8px 0;
}
.navbar-nav .button { margin-left: 24px; font-size: 14px; }

@media (max-width: 1139px) {
    .navbar-nav .nav-item:not(:last-child) { margin: 0 10px; }
}
@media (max-width: 991px) {
    .navbar-nav { align-items: start!important; }
    .navbar-nav .nav-item {
        width: 100%;
        text-align: left;
    }
    .navbar-nav .nav-link { width: 100%; }
    .navbar-nav .button {
        margin: 10px 0;
        width: 100%;
        max-width: 320px;
    }
}
.navbar-nav .nav-link { padding-bottom: 3px!important; }
.navbar-nav .nav-link.active {
    border-bottom: 4px solid var(--complement1);
}


/* ==========================================
 * Section: Heading;
 * ========================================== */
#main_head {
    padding-top: 100px;
    min-height: 500px;
}
.moving-circles {
    position: absolute!important;
    top: 60px;
    right: 0;
    width: 100%;
    max-width: 800px;
    height: 100%!important;
}

/* ---- Social media links ---- */
.social_media {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 30px;
	z-index: 50;
    transform: translateY(-50%);
}
.social_media a i { color: var(--white)!important; }
.social_media a {
    position: relative;
	display: inline-block;
	padding-top: 6px;
	width: 34px;
	height: 34px;
	color: var(--white)!important;
	font-size: 18px;
	text-align: center;
	background-color: var(--secondary);

  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.social_media a:not(:last-child) { margin-bottom: 14px; }
.social_media a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;

    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.social_media a:hover,
.social_media a:active {
    background: rgba(54,97,123,0.8);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.social_media a:hover i,
.social_media a:active i { color: var(--white); }
.social_media a:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

/* ---- Side image ---- */
.image_container {
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	right: 70px;
}
.image_container img { height: 440px; }

@media (min-width: 1320px) {
    .image_container img { height: 470px; }
}
@media (max-width: 1399px) {
    .image_container { right: 50px; }
}
@media (max-width: 1199px) {
    .image_container img { height: 400px; }
}
@media (max-width: 1030px) {
    .image_container img { height: 360px; }
}
@media (max-width: 991px) {
    .image_container { display: none; }
}


/* ==========================================
 * Section: Main Head;
 * ========================================== */
#main_head div.main_text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -60px;
    width: 100%;
    height: 100%;
    background: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/header_bg03.png) no-repeat;
    background-size: contain;
    background-position: -40px -50px;
}


/* ==========================================
 * Section: Modules;
 * ========================================== */
#modules:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/tech_bg.png) no-repeat;
    background-size: contain;
    background-position: top center;
    opacity: 0.8;
}
#modules img { max-width: 100%; }


/* ==========================================
 * Section: Pains;
 * ========================================== */
/*#pains .card {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    -moz-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
}*/
#pains .card img {
    margin-top: 1rem!important;
    margin-bottom: 0.5rem!important;
    width: 54px;
}
#pains .card p { font-size: 16px; line-height: 24px; }


/* ==========================================
 * Section: Technology;
 * ========================================== */
#technology img { max-width: 100%; }
@media (max-width: 991px) {
    #technology { padding-bottom: 0!important; }
    #technology img { margin-top: 24px; width: 100%; max-width: 440px!important; }
}


/* ==========================================
 * Section: Use cases;
 * ========================================== */
#use_case .api-card {
    position: relative;
    color: var(--white);
    background-color: var(--primary);
    border-radius: 10px;
}
#use_case .other-card { color: var(--white); background-color: var(--secondary); }
#use_case .card-body { padding: 16px 8px; }

@media (min-width: 992px) {
    #use_case .api-card { height: 328px; }
    #use_case .api-card p {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -13px!important;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}
@media (max-width: 991px) {
    #use_case .other-card br { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #use_case .col-api { padding: 0 4px !important; }
}


/* ==========================================
 * Section: Pricing;
 * ========================================== */
/* ---- Pricing: Main tabs ---- */
.pricing_tabs {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.pricing_tabs:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border);
    z-index: -1;
}
.pricing_tabs a {
    position: relative;
    display: inline-block;
    padding: 30px;
    width: 30%;
    max-width: 280px;
    font-size: 20px;
    line-height: 22px;
    background-color: #F7FCFB;
    border-top: 1px solid var(--border);
}
.pricing_tabs a:before {
    display: block;
    content: "";
    position: absolute;
    top: 15%;
    left: -2px;
    height: 70%;
    width: 1px;
    background-color: var(--border);

}
.pricing_tabs a:first-child { border-left: 1px solid var(--border); }
.pricing_tabs a:last-child { border-right: 1px solid var(--border); }
.pricing_tabs a.active {
    font-weight: 700;
    background-color: var(--white);
}
.pricing_tabs a.active:hover,
.pricing_tabs a.active:visited,
.pricing_tabs a.active:active { color: var(--black)!important; }

/* ---- Pricing: Billing tabs ---- */
.billing_tabs {
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 8px 12px rgb(0 0 0 / 6%);
}
.billing_tabs a {
    display: inline-block;
    padding: 12px;
    width: 170px;
    text-align: center;
    font-weight: 700;
    background-color: var(--white);
}
.billing_tabs a span { color: #6B000B; }
.billing_tabs a:first-child { border-radius: 10px 0 0 10px; }
.billing_tabs a:last-child { border-radius: 0 10px 10px 0; }

.billing_tabs a:hover,
.billing_tabs a:visited,
.billing_tabs a:active {
    color: var(--black)!important;
    background-color: #F7FCFB;
}

.billing_tabs a.active {
    color: var(--white);
    background-color: var(--secondary);
}
.billing_tabs a.active span { color: var(--white); }
.billing_tabs a.active:hover,
.billing_tabs a.active:visited,
.billing_tabs a.active:active { color: var(--white)!important; }

@media (min-width: 992px) {
    .bt.text-end { padding-right: 0!important; }
}
@media (max-width: 991px) {
    .bt.text-end {
        padding-bottom: 16px;
        text-align: left!important;
    }
}

/* ---- Pricing: Main section ---- */
#pricing:before {
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/pricing_bg.png) no-repeat;
    background-size: contain;
    background-position: top center;
    opacity: 0.8;
    z-index: -1;
}
#pricing .card { box-shadow: 0px 3px 20px rgb(4 178 217 / 16%); }
#pricing .card-body { padding-top: 4rem; }
#pricing .card-footer {
  border: none;
  background-color: var(--white);
  padding: 0 16px 16px;
  border-radius: 16px;
}
#pricing span[data-hs-cos-type="image"] { width: 100%; }
#pricing .card img {
    display: block;
    margin: 1rem auto 0.5rem !important;
    width: 64px;
}

#pricing .card .special {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px 0;
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: var(--secondary);
    border-radius: 16px 16px 0 0;
}

#pricing .value div[data-hs-cos-type="module"] { display: inline-block; }
#pricing .card .price p:nth-child(1) {
    margin-bottom: 0;
    color: var(--primary);
    font-size: 14px;
    font-weight: bold;
}
#pricing .card .price .currency {
    position: relative;
    top: -24px;
    font-size: 14px;
    font-weight: bold;
}
#pricing .card .price .value {
    display: inline-block;
    padding-left: 4px;
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
}
#pricing .card .price .value.free { padding: 10px 0; }
#pricing .card .price .time {
    color: #707070;
    font-size: 14px;
}
#pricing p.info {
    margin-top: 0px;
    color: #707070;
    font-size: 12px;
    line-height: 16px;
}
#pricing .card .price p.info { margin: 0; }
@media (min-width: 992px) and (max-width: 1199px) {
    #pricing .card .price .currency {
        display: block;
        top: 5px;
    }
}
@media (min-width: 1200px) {
    #pricing .card .price .value.free {
        padding-top: 44px;
    }
}
@media (max-width: 1199px) {
    #pricing .card .price .value.free {
        padding-top: 64px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    #pricing .card .price .value.free {
        padding-top: 45px;
    }
}

#pricing .feat_list li { padding-left: 10px; }
#pricing .feat_list i[class^='fa'] { font-size: 20px; }

/* ---- Pricing: Add-ons ---- */
#addons {
    border-collapse:separate;
    border-spacing:0 16px;
}
#addons tr {
    border-radius: 16px;
    box-shadow: 0px 3px 20px rgb(4 178 217 / 16%);
}
#addons td {
    vertical-align: top;
    min-width: 180px;
    position: relative;
    padding: 16px 32px;
    background-color: var(--white);
}
#addons tr td:first-child {
    vertical-align: middle;
    padding: 16px 16px 16px 48px;
    min-width: 50px;
    border-radius: 16px 0 0 16px;
}
#addons tr td:last-child { min-width: 250px; padding-bottom: 16px; border-radius: 0 16px 16px 0; }
#addons td:not(:first-child):not(:last-child):before {
    display: block;
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    height: 70%;
    width: 1px;
    background-color: var(--border);
}
#addons td i[class^='fa'] {
    color: var(--secondary);
    font-size: 50px;
}
#addons h6 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--secondary);
}
#addons p { font-size: 14px; line-height: 22px; }

#addons .add_price { position: relative; }
#addons .add_price .add_currency {
    position: relative;
    top: -20px;
    font-size: 14px;
    font-weight: bold;
}
#addons .add_price .add_value {
    display: inline-block;
    padding-left: 4px;
    font-size: 40px;
    line-height: 42px;
    font-weight: bold;
}
#addons .info {
    margin: 0;
    padding-right: 16px;
    text-align: right;
}

@media (max-width: 991px) {
    #addons tr { display: block; margin-bottom: 16px; }
    #addons tr td { display: block; padding: 1px 32px; }
    #addons tr td:first-child {
        padding: 24px 32px 0;
        text-align: left!important;
        border-radius: 16px 16px 0 0;
    }
    #addons tr td:last-child {
        padding-right: 16px;
        border-radius: 0 0 16px 16px;
    }
    #addons td:not(:first-child):not(:last-child):before {
        display: none;
    }
    #addons .info { padding-left: 50px; text-align: left; }
}


/* ==========================================
 * Section: Contact;
 * ========================================== */
#contact form {
    padding: 16px 24px 24px;
    background-color: var(--white);
    border-radius: 16px;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    -moz-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
}

form fieldset { margin: 8px 0 !important; }
form fieldset:nth-of-type(6),
form fieldset:nth-of-type(7),
form fieldset:nth-of-type(8),
form fieldset:nth-of-type(9) { margin: 0 !important; }
form fieldset .field { position: relative; padding-top: 8px; }

@media (max-width: 919px) {
    #contact h4 { margin-bottom: 0!important; }
}
@media (max-width: 767px) {
    #contact form { padding: 0 16px 16px; }
}

/* ---- Labels ---- */
form label {
    display: block;
    margin: 0;
    color: var(--black);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    pointer-events: none;
}
form .hs-form-required {
    padding-left: 4px;
    color: var(--accent);
    font-size: 12px;
}

/* ---- Main input style and textbox ---- */
form .hs-input {
    width: 100%;
    min-width: 95%;
    margin: 4px 0;
    height: 42px;
    padding: 4px 16px;

    color: var(--secondary);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: #F8FCFC;
    border: 1px solid #ACC2C8;
    border-radius: 4px;
}
form textarea.hs-input {
    padding: 16px;
    min-height: 120px;
    resize: none;
}

form .hs-input::placeholder { color: var(--secondary); }
form .hs-input:not(:disabled):focus,
form .hs-input:not(:disabled):active {
    border-color: var(--secondary);
    outline: 0;
    box-shadow: none;
}
form .hs-input:disabled {
    background-color: var(--background);
    cursor: not-allowed;
}

/* ---- Select style ---- */
form select.hs-input {
    display: block;
    margin: 4px 0;
    height: 42px;
    padding: 4px 36px 4px 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: #F8FCFC;
    border: 1px solid #ACC2C8;
    border-radius: 4px;
}
form select.hs-input:focus,
form select.hs-input:active,
form select.hs-input:focus-visible {
    border-color: var(--accent);
    outline: 0;
    box-shadow: none;
}
form select.hs-input option:first-of-type { opacity: 0; }
form select.hs-input:focus option:first-of-type { display: none; }
form select.hs-input::placeholder { display: none; }

/* ---- Radio style ---- */
ul[role="checkbox"] {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul[role="checkbox"] li.hs-form-radio: { margin-top: 8px; }
form label.hs-form-radio-display {
    display: inline-block;
    margin: 0;
    color: var(--black);
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}
form .hs-input[type="radio"] {
    width: auto;
    min-width: auto;
    margin: 0 4px 0 0;
    height: auto;
    padding: 0;
    color: var(--black);
}

/* ---- Error style ---- */
form .hs-input.error,
form .hs-input.error:not(:disabled):active,
form .hs-input.error:not(:disabled):focus {
    border-color: var(--accent);
}
form .hs-error-msgs {
  margin-bottom: 4px;
  padding: 0;
  list-style-type: none;
}
form .hs-error-msgs label { color: var(--accent); font-size: 12px!important; }

/* ---- Submit button ---- */
form input[type="submit"] {
    display: block;
    margin: 16px auto 0;
    min-width: 124px;
    padding: 12px 24px;

    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    text-align: center;

    color: var(--white);
    background: rgb(236,202,101);
    background: linear-gradient(180deg, rgba(236,202,101,1) 0%, rgba(182,128,44,1) 100%);
    border: 1px solid rgb(236,202,101);
    border-radius: 8px;
    transition: 0.3s;
}
form input[type="submit"]:hover,
form input[type="submit"]:active {
    color: var(--white);
    background: rgb(224,190,90);
    background: linear-gradient(184deg, rgba(224,190,90,1) 0%, rgba(167,111,25,1) 100%);
    box-shadow: 0 3px 8px rgba(0,0,0,.12);
}

/* ---- Code phone Plugin ---- */
.hs_phone .iti.iti--allow-dropdown { width: 100%; }
.intl-tel-input{ width: 100%; }
.hs_phone .iti__selected-flag {
    border-right: 1px solid #ACC2C8;
    margin: 7px 0;
    height: 28px;
}
.hs_phone label { margin-bottom: 4px; }
.hs_phone input[id^='phone'] { padding-left: 52px!important; width: 100% !important; }

.hbspt-form .submitted-message {
    padding: 24px;
    text-align: center;
    color: #ffffff!important;
    background-color: #1C7B00!important;
    border: none!important;
    border-radius: 16px!important;
}

/* ---- Alert ---- */
.hbspt-form .submitted-message {
    margin-top: 40px;
    padding: 8px 24px;
    background-color: #d1e7dd;
    border: 1px solid #a3cfbb;
}
.hbspt-form .submitted-message p {
    font-size: 16px;
    font-weight: 400;
}
.hs_error_rollup {
    margin-top: 40px;
    padding: 16px 24px;
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
}
.hs_error_rollup ul { margin-bottom: 0!important; }
.hs_error_rollup  .hs-error-msgs label {
    font-size: 14px;
    font-weight: 400;
}


/* ==========================================
 * Definition: Footer;
 * ========================================== */
footer {
    color: var(--secondary);
    font-size: 13px;
    background-color: #F8FCFC;
    border-top: 1px solid #ACC2C8;
}
footer img { max-width: 120px; max-height: 36px; }
footer p,
footer h6,
footer a:not(.button) { font-size: 13px!important; }
footer h6 { color: var(--black); }
footer a:not(.button),
footer a:not(.button):visited { color: var(--secondary); }
footer a:not(.button):hover,
footer a:not(.button):active {
    color: var(--secondary)!important;
    text-decoration: underline;
}
footer a.gold { color: var(--primary); text-decoration: underline; }
footer a.gold:hover,
footer a.gold:active {
    color: var(--primary)!important;
    
}

/* ---- Menu ---- */
footer ul { margin: 0; padding: 0; list-style-type: none; }
footer .copy_container {
    border-top: 1px solid #ACC2C8;
}
footer .copy_container p {
    font-size: 12px!important;
    line-height: 18px;
}

/* ---- Social media ---- */
.footer_media {
    position: relative;
    margin-top: 36px;
    z-index: 50;
}
.footer_media a i { color: var(--white); }
footer .footer_media a {
    position: relative;
    display: inline-block;
    padding-top: 2px;
    margin-right: 6px;
    width: 26px;
    height: 26px;
    color: var(--white)!important;
    font-size: 18px!important;
    text-align: center;
    background-color: #ACC2C8;

    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
.footer_media a:not(:last-child) { margin-bottom: 14px; }
.footer_media a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;

    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.footer_media a:hover,
.footer_media a:active {
    background: rgba(54,97,123,0.8);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.footer_media a:hover i,
.footer_media a:active i { color: var(--white); }
.footer_media a:hover:after {
    -webkit-animation: sonarEffect2 1.3s ease-out 75ms;
    -moz-animation: sonarEffect2 1.3s ease-out 75ms;
    animation: sonarEffect2 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect2 {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect2 {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect2 {
    0% { opacity: 0.3; }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(54,97,123,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(54,97,123,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@media (max-width: 767px) {
    footer img { margin-bottom: 16px; }
}



/* ==========================================
 * Definition: Landing page white paper;
 * ========================================== */
 /*  
 *  Aurumcore Landing Page for White paper RRPP v1
 *  April, 2024
 *  All rights reserved.
*/

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

/* ---- Landing: Header ---- */
#landing-head {
    background-image: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/Landing%20RRPP%20Abril%202024/landing-shadow-1.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}
.landing-date {
    padding: 16px 0;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid rgba(172,194,200,.64);
    border-bottom: 1px solid rgba(172,194,200,.64);
}
.landing-img-container { margin: 24px 0; }
.landing-img-container img { border-radius: 16px; }

@media (min-width: 400px) {
    .landing-date br { display: none; }
}
@media (min-width: 992px) {
    .landing-img-container {
        position: relative;
        height: 400px!important;
        overflow: hidden;
        border-radius: 16px;
    }
    .landing-img-container img {
        position: absolute;
        top: 0;
        left: -110px;
        height: 100%;
        width: auto;
        border-radius: 0;
    }
}
@media (max-width: 991px) {
    .landing-img-container img { width: 100%; }
}
@media (min-width: 576px) and (max-width: 991px) {
    #landing-head { padding-top: 5rem !important; }
}

/* ---- Landing: Content ---- */
.landing-quote {
    position: relative;
    margin: 32px 0;
    padding: 32px 56px;
}
.landing-quote:before,
.landing-quote:after {
    position: absolute;
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50px auto;
}
.landing-quote:before {
    top: 0;
    left: 0;
    background-image: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/Landing%20RRPP%20Abril%202024/landing-quote-start.png);
    background-position: top left;
}
.landing-quote:after {
    bottom: 0;
    right: 0;
    background-image: url(https://9034113.fs1.hubspotusercontent-na1.net/hubfs/9034113/Sitio%20Web%20Aurumcore/Landing%20RRPP%20Abril%202024/landing-quote-end.png);
    background-position: bottom right;
}
.landing-quote-name {
    margin: 16px 0 0;
    color: var(--primary);
    font-weight: bold;
}
.landing-box {
    position: relative;
    margin: 32px 0;
    padding: 16px 32px;
    background-color: #E9EDF7;
}
@media (max-width: 767px) {
    .landing-quote { margin: 24px 0; padding: 24px 32px; }
    .landing-quote:before,
    .landing-quote:after {
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }
}
@media (max-width: 575px) {
    .landing-quote { margin: 16px 0; padding: 16px; }
    .landing-quote:before,
    .landing-quote:after {
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }
}

/* ---- Landing: Contact ---- */
#landing-contact .form-container {
    padding: 0;
    background-color: var(--white);
    border-radius: 16px;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    -moz-box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
    box-shadow: 0px 3px 20px 0px rgba(4,178,217,0.16);
}
#landing-contact form { padding: 16px 24px 24px; }
#landing-contact .actions { padding-top: 16px; }
#landing-contact .hbspt-form .submitted-message {
    position: relative;
    margin: 24px auto;
    padding: 16px 16px 16px 64px;
    width: calc(100% - 48px);
    color: var(--black)!important;
    text-align: left;
    background-color: #EEF8ED!important;
    border: none!important;
    border-radius: 8px!important;
}
#landing-contact .hbspt-form .submitted-message p { margin: 0; }
#landing-contact .hbspt-form .submitted-message p:nth-child(2) { font-weight: bold; }
#landing-contact .hbspt-form .submitted-message p:first-child {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 16px;
}
#landing-contact .hbspt-form .submitted-message p img {
    width: 36px!important;
}

@media (min-width: 992px) {
    #landing-contact .form-title { padding-right: 24px; }
    #landing-contact .form-container { min-height: 240px; }
}
@media (max-width: 991px) {
    #landing-contact h2 { margin-bottom: 0!important; }
    #landing-contact h2 br { display: none; }
    #landing-contact h6 { margin: 4px 0 24px!important; }
}
@media (max-width: 767px) {
    #landing-contact form { padding: 16px; }
}

/* ---- Landing: Footer ---- */
footer h6.landing-reset {
    font-size: 18px!important;
    line-height: 28px;
    font-weight: bold;
}
footer p.landing-reset {
    color: var(--black);
    font-size: 16px!important;
    line-height: 26px;
}
footer p.landing-reset a {
    color: var(--primary)!important;
    font-size: 16px!important;
    line-height: 26px;
    text-decoration: underline;
}
footer p.landing-reset a:hover {
    color: var(--complement1)!important;
    text-decoration: underline;
}







/* ==========================================
 * Page: Blog;
 * ========================================== */
#blog .container {
    position: relative;
    top: -104px;
    margin-bottom: -104px;
}
#blog .blog_list div[class^="col"] { position: relative; padding-bottom: 50px; }
#blog .blog_list .item_cover { height: 200px; }
#blog .blog_list .entry_date { margin: 4px 0; color: var(--secondary); font-size: 14px; }
#blog .blog_list .entry_title { margin-bottom: 4px; font-weight: 700; }
#blog .blog_list .entry_tags { margin-bottom: 4px; text-transform: uppercase; }
#blog .blog_list .entry_tags a { font-family: 'Inter', sans-serif !important; }
#blog .blog_list .entry_desc { margin-bottom: 8px; font-size: 16px; }
#blog .blog_list .button {
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 160px;
}
@media (max-width: 767px) {
    #blog .blog_list .button { font-size: 18px; }
}

/* ---- Pagination ---- */
.blog_pagination .blog-pagination__link {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
    width: 32px;
    height: 32px;
    padding: 4px 0 0;
    color: var(--black);
    background-color: var(--white);
    border: 1px solid var(--disabled-bg);
    border-radius: 0;
}
.blog_pagination a.blog-pagination__link:hover,
.blog_pagination a.blog-pagination__link:active {
    background: rgba(236,202,101,.08);
    text-decoration: none;
}
.blog_pagination .blog-pagination__link.blog-pagination__prev-link--disabled,
.blog_pagination .blog-pagination__link.blog-pagination__next-link--disabled {
    cursor: not-allowed;
    background-color: var(--disabled-bg);
    border-color: var(--disabled-bg);
    opacity: 0.6;
}
.blog_pagination .blog-pagination__link.blog-pagination__prev-link--disabled:hover,
.blog_pagination .blog-pagination__link.blog-pagination__prev-link--disabled:active,
.blog_pagination .blog-pagination__link.blog-pagination__next-link--disabled:hover,
.blog_pagination .blog-pagination__link.blog-pagination__next-link--disabled:active {
    background: var(--disabled-bg)!important;
}
.blog_pagination a.blog-pagination__number-link {
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}
.blog_pagination a.blog-pagination__link--active,
.blog_pagination a.blog-pagination__number-link:hover,
.blog_pagination a.blog-pagination__number-link:active {
    color: var(--black);
    background: rgba(236,202,101,.08);
    border-color: var(--complement1);
}
.blog-pagination__link.blog-pagination__next-link,
.blog-pagination__link.blog-pagination__prev-link { padding-top: 3px; }
.blog_pagination .blog-pagination__link img { width: 20px; }
.blog_pagination .blog-pagination__link.blog-pagination__prev-link img { transform: rotate(180deg); }

@media (min-width: 992px){
    .blog-pagination__link.blog-pagination__next-link { margin-left: 24px; }
    .blog-pagination__link.blog-pagination__prev-link { margin-right: 24px; }
}


/* ==========================================
 * Page: Blog entry;
 * ========================================== */
#hero-blog { padding-top: 130px; }
#hero-blog a.blog-back { margin-bottom: 16px; font-size: 14px!important; }
#hero-blog .blog-back img { width: 24px; transform: rotate(180deg); }
#hero-blog a.blog-back:hover { color: var(--black)!important; text-decoration: underline; }

/* ---- SECTION: COVER; ---- */
#entry-cover { position: relative; height: 360px; }
#entry-cover p {
    position: absolute;
    bottom: 24px;
    right: 0;
    padding: 12px 24px 12px 16px;
    color: #333333;
    font-size: 16px;
    background-color: rgba(255,255,255,.85);
}
#entry-cover p a {
    padding: 2px;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
}

/* ---- SECTION: AUTHOR & DATE; ---- */
#blog-author-date {
    position: relative;
    margin-top: 16px;
    margin-bottom: 48px;
    padding-top: 4px;
    padding-left: 64px;
}
#blog-author-date .bg-img-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--black);
}

/* ---- SECTION: ENTRY CONTENT; ---- */
#blog_entry .entry-content p:not(:first-child) { margin: 16px 0; }
#blog_entry .entry-content p a { font-size: 16px; }
#landing-content a:not(.button) { color: var(--primary); text-decoration: underline; }

/* ---- SECTION: LASTEST ENTRIES CARD; ---- */
.entry-card a {
    position: relative;
    display: block;
    padding: 8px 16px;
    border-top: 1px solid var(--black);
    transition: 0.3s;
}
.entry-card a:hover,
.entry-card a:active {
    text-decoration: none!important;
    box-shadow: 0px 3px 6px rgba(0,0,0, .25) !important;
}
.entry-card .card-date {
    margin-bottom: 8px;
    color: #999999;
    font-size: 12px;
    line-height: 14px;
}
.entry-card .card-title { margin-bottom: 4px; font-weight: 700; }
.entry-card .card-desc { font-size: 16px; }

.entry-card a { padding-left: 108px; }
.entry-card .card-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
}

/* ---- SECTION: PRODUCT CARD; ---- */
.product-card { position: relative; overflow: hidden; }
.product-card a { display: block; padding: 24px 24px 32px; transition: 0.3s; }
.product-card a:hover,
.product-card a:active {
    outline: var(--focus) auto 1px !important;
    box-shadow: 0px 3px 6px rgba(0,0,0, .75) !important;
    text-decoration: none;
}

.product-card img.logo { width: 80%; max-width: 120px; }
.product-card h5 { margin: 24px 0 16px; font-weight: 500; }
.product-card p.arrow { position: absolute; bottom: 8px; right: 16px; }
.product-card p.arrow img { width: 36px; filter: brightness(0) invert(1); }

@media (min-width: 768px){
    #blog-author-date span {
        display: inline-block;
        padding-right: 8px;
        margin-right: 4px;
        border-right: 1px solid var(--black);
    }
    #blog_entry .entry-content { padding-right: 48px; }
    #blog_entry .entry-ontent p a { font-size: 18px; }
}
@media (max-width: 991px){
    #hero-blog .container:last-child { padding: 0; max-width: 100%; }
}
@media (max-width: 767px){
    #hero-blog { padding-top: 120px; }
    #blog_entry_cover { height: 360px; }
    #blog-author-date span { display: block; }
}

/* ---- Social media links ---- */
.blog_media a i { color: var(--white)!important; }
.blog_media a {
    position: relative;
	display: inline-block;
	padding-top: 12px;
	width: 48px;
	height: 48px;
	color: var(--white)!important;
	font-size: 24px;
	text-align: center;
	background-color: var(--secondary);

  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.blog_media a:not(:last-child) { margin-right: 14px; }
.blog_media a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;

    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.blog_media a:hover,
.blog_media a:active {
    background: rgba(54,97,123,0.8);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.blog_media a:hover i,
.blog_media a:active i { color: var(--white); }
.blog_media a:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}