/**
 * Copyright (c) 2022 Oracle and/or its affiliates. All rights reserved.
 */

/* Main Theme Styles */
html {
    /* Responsive default font (16px at 1440 wide) */
    font-size: 0.913336vw;
}

p {
	
   font-family: 'Nunito', sans-serif;
   font-size: 14px;
   font-weight: 300;
}

/* open-sans-300 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"),
        url("../fonts/open-sans-v16-latin-300.woff") format("woff");
    /* Modern Browsers */
}

/* open-sans-regular - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"),
        url("../fonts/open-sans-v16-latin-regular.woff") format("woff");
    /* Modern Browsers */
}

/* open-sans-italic - latin */
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("OpenSans-Italic"),
        url("../fonts/open-sans-v16-latin-italic.woff") format("woff");
    /* Modern Browsers */
}

/* open-sans-600 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
        url("../fonts/open-sans-v16-latin-600.woff") format("woff");
    /* Modern Browsers */
}

/* open-sans-700 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"),
        url("../fonts/open-sans-v16-latin-700.woff") format("woff");
    /* Modern Browsers */
}

/* open-sans-800 - latin */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
        url("../fonts/open-sans-v16-latin-800.woff") format("woff");
    /* Modern Browsers */
}

body {
    /* default font size, color, and height for the overall Template */
    font-family: "Nunito", sans-serif;
    font-size: 1rem;
    line-height: 1.375em;
    color: #FFFFFF;
    margin: 0;
	overflow-y: scroll; /* Añadimos scroll vertical */
    overflow-x: hidden; /* Ocultamos scroll horizontal */
}

/* Needed for IE 11 issue with vertical scroll bars in Windows 10 at higher resolutions */
@-ms-viewport {
    width: auto;
}

/* Default Font Styles */
.font72 {
    font-size: 4.5rem;
    line-height: 1.4em;
    color: #333333;
    letter-spacing: 1px;
}

.font52 {
    font-size: 3.25rem;
    line-height: 1.1em;
    color: #333333;
    font-weight: bold;
}

.font52-1LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    padding-bottom: 0.1em;
}

.font52-2LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    height: 2.28em;
    padding-bottom: 0.1em;
}

.font48 {
    font-size: 3rem;
    letter-spacing: 0.48px;
    text-align: center;
    color: #333333;
    line-height: normal;
}

.font45-2LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    padding-bottom: 0.1em;
}

.font45 {
    font-size: 2.8125rem;
    line-height: 1.23em;
    color: #333333;
    font-weight: bold;
    padding-bottom: 0.1em;
}

.font40 {
    font-size: 2.5rem;
    line-height: 1.1em;
    color: #333333;
    font-weight: 400;
}

.font40-2LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    max-height: 2.247em;
}

.font32 {
    font-size: 2rem;
    letter-spacing: 0.27px;
    color: #333333;
}

.font36,
.scs-title .scs-title-text {
    font-size: 2.25rem;
    color: #403032;
    line-height: 1.38888em;
    letter-spacing: 0.48px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    outline: none;
}

/* Matches up to look like the Search-SearchTitle Custom Component */
.scs-text-heading-style-3 .scs-text {
    color: #3D87B4;
	text-align: center;
    font-size: 3rem;
}

.font28 {
    font-size: 1.75rem;
    color: #333333;
    line-height: 1.428em;
}

.font24,
.font24-light,
.font24-1LineEllipsis {
    font-size: 1.5rem;
    color: #333333;
    letter-spacing: 0.39;
    line-height: 1.81rem;
    font-weight: 700;
}

.font24-light {
    color: #fff;
}

.font24-2LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    /* number-of lines */
    -webkit-line-clamp: 2;
    /* line-height * 2 lines */
    max-height: 3.4em;
}

.font24-1LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    line-height: normal;
}

.font22,
.font22-light,
font22-2LineEllipsis {
    font-size: 1.375rem;
    line-height: 1.2727em;
    color: #333333;
    letter-spacing: 0.13px;
    font-weight: 400;
}

.font22-light {
    color: #fff;
}

.font22-2LineEllipsis,
.font22-3LineEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.font22-2LineEllipsis {
    /* number-of lines */
    -webkit-line-clamp: 2;
    /* line-height * 2 lines */
    max-height: 2.5454em;
}

.font22-3LineEllipsis {
    /* number-of lines */
    -webkit-line-clamp: 3;
    /* line-height * 3 lines */
    max-height: 3.8181em;
}

.font20 {
    font-size: 1.25rem;
}

.font18,
.font18-light {
    font-size: 1.125rem;
    letter-spacing: 0.18px;
    line-height: 1.666em;
    color: #333333;
}

.font18-light {
    color: #fff;
}

.font16 {
    color: #333333;
    font-size: 1rem;
    line-height: 1.375em;
    font-weight: 600;
}

.font16-1LineEllipsis,
.font16-3LineEllipsis,
.font16-7LineEllipsis,
.font16-8LineEllipsis,
.font16-17LineEllipsis,
.font16-18LineEllipsis,
.font16-13LineEllipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.font16-1LineEllipsis {
    -webkit-line-clamp: 1;
    max-height: 1.375em;
}

.font16-3LineEllipsis {
    -webkit-line-clamp: 3;
    max-height: 4.125em;
    font-weight: 400;
}

.font16-8LineEllipsis {
    -webkit-line-clamp: 8;
    max-height: 10.7em;
}

.font16-7LineEllipsis {
    -webkit-line-clamp: 7;
    max-height: 9.625em;
}

.font16-13LineEllipsis {
    -webkit-line-clamp: 13;
    max-height: 17.875em;
}

.font16-13LineEllipsis {
    -webkit-line-clamp: 15;
    max-height: 20.625em;
}

.font16-17LineEllipsis {
    -webkit-line-clamp: 17;
    max-height: 23.375em;
}

.font16-18LineEllipsis {
    -webkit-line-clamp: 18;
    max-height: 24em;
}

.font14 {
    font-size: 0.875rem;
    color: #333333;
}

.font14-2LineEllipsis {
    line-height: 1.214em;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 2.428em;
}

.font12,
.font12-light {
    font-size: 0.75rem;
    letter-spacing: 0.43px;
    color: #333333;
    line-height: 1.333em;
    font-weight: 400;
}

.font12-light {
    color: #fff;
}

.font12-2LineEllipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 2.666em;
}

.font12-3LineEllipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 3.999em;
}
.visually-hidden {
    border: 0;
    padding: 0;
    margin: 0px;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.icon-border {
    overflow: hidden;
    border: 0.0625rem solid #ffffff;
    border-radius: 50%;
    height: 2.375rem;
    width: 2.375rem;
}

.icon-border.disableHoverStyle {
    color: #ffffff !important;
    border: 0.0625rem solid #ffffff !important;
}

.icon-border-light {
    overflow: hidden;
    border: 0.0625rem solid #878c90;
    color: #878c90;
    border-radius: 50%;
    height: 2.375rem;
    width: 2.375rem;
}

.icon-border-light.disableHoverStyle {
    border: 0.0625rem solid #878c90 !important;
    color: #878c90 !important;
}

.icon-border:hover,
.icon-border:focus,
.icon-border-light:hover,
.icon-border-light:focus {
    border: 0.0625rem solid #e55844;
    color: #e55844;
    cursor: pointer;
}

/*Placeholder properties*/

::placeholder {
    color: rgba(0, 0, 0, 0.54);
    opacity: 0.54;
    /* Firefox */
}

::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.54) !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.54);
}

/*Text Select Properties*/
::selection {
    background-color: #4d9aff;
}

::-moz-selection {
    background-color: #4d9aff;
}

/* OOTB title and paragraph and text styles */
.scs-title h1 {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.4545em;
    color: #c54a39;
    margin: 0;
    outline: none;
}

.scs-title h2 {
    font-size: 3.25rem;
    line-height: 1.1em;
    font-weight: 400;
    color: #fff;
    margin: 0;
    outline: none;
}

.scs-title h3 {
    font-size: 3.25rem;
    line-height: 1.1em;
    font-weight: 400;
    color: #333;
    margin: 0;
    outline: none;
}

.scs-title h4 {
    font-size: 1.375rem;
    line-height: 1.4545em;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    outline: none;
}

.scs-title h5 {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.4545em;
    color: #333333;
    margin: 0;
    outline: none;
}

.scs-title h6 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.666em;
    color: #333333;
    margin: 0;
    outline: none;
}

.scs-title span,
.scs-title-text span {
    outline: none;
}

.scs-paragraph .scs-paragraph-text {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.18px;
    line-height: 1.2em;
    color: #403032;
}

.scs-image .scs-image-image,
.scs-image-container,
.scs-socialbar .scs-component-content,
.scs-component {
    outline: none;
}
input {
    outline: none;
}

.scs-sectionlayout > .scs-container-styles {
    overflow: visible;
}

.content {
    max-width: 1920px;
    margin: 0 auto;
    /* Page border */
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    border: solid;
    border-width: 0 1px;
    border-color: #c6c7c8;
    /* Alternative Page border */
    /*-webkit-box-shadow: 10px 1px 14px -7px rgba(0,0,0,0.52);*/
    /*-moz-box-shadow: 10px 1px 14px -7px rgba(0,0,0,0.52);*/
    /*box-shadow: 10px 1px 14px -7px rgba(0,0,0,0.52);*/
    /*border: solid;*/
    /*border-width: 0 1px;*/
    /*border-color: gray;*/
}

.headercontent {
    left: 0;
    top: 0;
    /* position: fixed; */
    z-index: 100;
    /*Uncomment this to fix header height*/
    /*height: 7.5rem;*/
}

.headercontent .sl-three-columns-center,
.footercontent .sl-three-columns-center {
    max-width: 1920px;
    margin: auto;
}

/* Needed so that the slot looks good in edit mode and can easily be edited */
.scs-edit-mode .headercontent {
    /* In edit mode do not overlay the slot as it is difficult (at best) to edit the page otherwise */
    position: inherit;
    /* If it is to be overlayed in edit mode then the above style should be removed and the styles below (including the 'body.scs-edit-mode' style) added back in so that it looks good in this mode */
    /* margin-right: 22px; */
    /* max-width: 1655px; */
}

.footercontent {
    margin: 0 auto;
}

a {
    color: #3d87b4;
    text-decoration: none;
}

a:hover {
    /* color: #e55844; */
    color: #BD544B;
    text-decoration: none;
    outline: none;
}

:focus {
    text-decoration: none;
    outline-offset: -2px;
}

:-moz-focusring {
    text-decoration: none;
    outline-offset: -2px;
    outline-color: highlight;
    outline-style: auto;
}

/* SCS Styles */
.scs-button .scs-button-button {
    padding: 0.4375rem 0.7rem;
    outline: none;
	/* text-align: right;   Alinea el texto hacia la derecha */
    /* box-sizing: border-box; /* Esto asegura que el padding se incluya en el ancho total del botón */
}

.scs-button-style-1 .scs-button-button {
    text-align: center;
    color: #fff;
    background-color: transparent;
    font-weight: 400;
}

.scs-button-style-1 .scs-button-button:hover,
.scs-button-style-1 .scs-button-button:focus {
    color: #e55844;
}

.scs-button .scs-button-text {
    line-height: 1.375em;
    white-space: unset;
    cursor: pointer;
    outline: none;
    text-align: right; /* Alinea el texto hacia la derecha */
    padding-left: calc(32% - 0.7rem); /* Calcula el padding para que el texto empiece en el 34% desde la derecha */
    box-sizing: border-box; /* Esto asegura que el padding se incluya en el ancho total del botón */
    word-wrap: break-word; /* Permite que el texto se rompa en varias líneas */
}

.scs-button22 .scs-button-text22 {
    line-height: 1.375em;
    white-space: unset;
    cursor: pointer;
    outline: none;
	word-wrap: break-word; 
}

.scs-container-styles {
    min-height: 0;
}

#page-default .headline {
    padding: 1.25rem 1%;
}

.headline .scs-title .scs-title-text {
    font-size: 3rem;
}

.oneslot .scs-title .scs-title-text {
    font-size: 1.75rem;
}

.scs-contentlist ol.scs-pagination li {
    font-size: 1rem;
}

.scs-contentlist ol.scs-pagination li.scs-clickable {
    text-align: center;
    border: none;
    padding: 0;
    color: #FFCD02;
    background-color: transparent;
}

.scs-contentlist ol.scs-pagination li.scs-clickable:hover {
    border: none;
    padding: 0;
    color: #3D87B4;
    background-color: transparent;
}

.scs-contentlist ol.scs-pagination li.scs-clickable.scs-current {
    text-align: center;
    color: #fff !important;
    border-radius: 0.4375rem;
    border: 0.125rem solid transparent;
    background-color: #3D87B4 !important;
    line-height: 1.8125rem;
}

.scs-contentlist ol.scs-pagination li.scs-clickable.scs-current:hover {
    color: #fff !important;
    line-height: 1.8125rem;
}

.scs-sectionlayout > .scs-container-styles,
.scs-componentgroup > .scs-container-styles {
    overflow: visible;
}

.scs-contentlist ol.scs-pagination li.scs-disabled {
    color: #c6c7c8 !important;
    background-color: transparent !important;
}

.scs-contentlist ol.scs-pagination li a {
    font-weight: 500;
}

#page-default .content .scs-title .scs-title-text {
    font-weight: bold;
    text-align: center;
}

#page-index .scs-title .scs-title-text {
    font-weight: 600;
}

.scs-component-bounding-box {
    -webkit-padding-before: 0px;
    -webkit-padding-after: 0px;
}

.sl-slider-buttons {
    text-align: center;
    list-style-type: none;
    padding: 0;
}

.sl-slider-button {
    border: 0.125rem solid #FFCD02;
    background-color: white;
    width: 0.75rem;
    height: 0.75rem;
    outline: none;
}

.sl-slider-button.sl-slider-active-button {
    background-color: #FFCD02;
    border: 0.125rem solid #FFCD02;
}

.sl-slider-button:hover {
    border: 0.125rem solid #FFCD02;
}

/* Stop resizing Content Layouts at 1440px (the max window width of the hosting details div) */
@media (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    /* Responsive font for medium resolutions (16px at 1024 wide)... even though we're not going to this breakpoint until 767px */
    html {
        font-size: 1.6837vw;
    }
    .sl-slider-buttons {
        margin: 0 0 -3.284rem 0;
    }
}

@media (max-width: 460px) {
    /* Responsive font for smallest resolutions (16px at 400 wide) */
    html {
        font-size: 2.8vw;
    }
}

@media (max-width: 620px) {
    .footercontent .scs-socialbar-default-style,
    .footercontent .scs-image-default-style,
    .footercontent .scs-component-content,
    .footercontent .scs-component {
        text-align: center !important;
    }
}

/**
 * ---------------------------------------
 * NavMenu Component Overridden Styles
 * ---------------------------------------
 */
.navbar {
    font-size: 1.125rem;
    line-height: 1.333em;
    display: flex;
    width: max-content;
}

.dropdown-menu {
    font-size: 1.125rem;
    background-color: #f1efed;
}

.nav-link {
    outline-width: 0;
}

.navbar-nav .active > .nav-link,
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #3D87B4;
    font-weight: 700;
}

.navbar-toggler {
    font-size: 1.7rem;
}

.dropdown-item {
    font-size: 1.125rem;
    margin-right: 8px;
    color: #000000;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #3D87B4 !important;
    background-color: transparent;
}

.dropdown-item.active {
    color: #3D87B4 !important;
    font-weight: 700;
}

.currParent,
.navbar-nav .currParent .nav-link {
    color: #3D87B4 !important;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
    color: #3D87B4 !important;
    background-color: transparent;
}

.dropdown-item.active:hover,
.dropdown-item.active:focus {
    color: #3D87B4 !important;
}

.dropdown-submenu a::after {
    position: absolute;
    right: 0px;
    margin-top: 0.4rem;
}

.dropright {
    margin-right: 0.3px;
}

@media (max-width: 767.98px) {
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(172,34,23,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-toggler .navbar-toggler-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(172,34,23,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }
    .navbar-toggler .navbar-toggler-icon:focus {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(172,34,23,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }
    .navbar-collapse {
        position: static;
    }
    .nav-link,
    .dropdown-item {
        padding-top: 1vw !important;
        padding-bottom: 0.2976vw !important;
    }
    .navbar-nav {
        background-color: transparent;
        float: right;
    }
    .navbar-nav .nav-link {
        padding-left: 3px !important;
    }
    .dropdown-menu {
        background-color: transparent;
        font-size: 1.125rem;
    }
    .dropdown-menu .dropdown-item {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 40px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 60px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 80px;
        content: none;
    }
    .dropdown-item.active:hover {
        background-color: transparent;
    }
}