/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hideit {display:none!important;}

#hs_cos_wrapper_header-module-1 .header__menu-item--depth-1 > .header__menu-link--active-link {
  color: #27a4d5;
}

#hs_cos_wrapper_header-module-1 .header__menu-link:hover {
  color: #27a4d5;
}

.header__top {
  padding-bottom: 0!important;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#main-content {
  margin-top: 80px;
}

.logo-anim-block {
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 8;
  background-image: url('https://45013642.fs1.hubspotusercontent-na1.net/hubfs/45013642/fondo-patron-logra-01.jpg') !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

#logo-area {
  position: relative;
  z-index: 99999;
  margin: 0 auto;
  max-width: 70%;
  height: 70vh;
}

#logo-parts-wrapper {
  width: 530px;
  margin: 0 auto;
  position: relative;
  min-height: 530px;
  overflow: hidden;
}

.logo-part-1 {
  width: 50%;
  position: absolute;
  right: 12%;
  top: 0;
  opacity: 0;
}

.logo-part-1 svg {
  fill: #00c5da;
}

.logo-part-2 {
  width: 50%;
  position: absolute;
  left: 12.1%;
  top: 11%;
  opacity: 0;
}

.logo-part-2 svg {
  fill: #ffffff;
}

.logotype {
  position: relative;
  top: -390px;
  width: 650px;
  opacity: 0;
  margin: 0 auto;
  left: 120px;
}

.logotype svg {
  fill: #ffffff;
}

.anniversary {
  width: 48%;
  position: absolute;
  top: 5px;
  right: 0px;
  opacity: 0;
}

.logo-part-4 svg {
  fill: #fff; 
}

.logo-part-5 {
  width: 25%;
  position: absolute;
  top: 43%;
  right: 16%;
}

.logo-part-5 svg {
  fill: #fff; 
}

.hs-content-id-161507400730 .row-number-26 .cell_17110632027613-vertical-alignment,
.hs-content-id-161769482584 .row-number-7 .cell_17121822129994-vertical-alignment {
  background-color: #00273f;
}

.hs-content-id-161507400730 #main-content .row-number-3 .span7,
.hs-content-id-168178939022 #main-content .row-number-3 .span7 {
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(50px);
}

.hs-content-id-161507400730 #main-content .row-number-3 .span7 .row-number-6,
.hs-content-id-168178939022 #main-content .row-number-3 .span7 .row-number-6 {
  position: absolute;
  top: 35px;
  left: 0;
  transform-style: preserve-3d;
  transform: translateZ(-50px);
}

.hs-content-id-161507400730 #main-content .row-number-3 .span7 .row-number-7,
.hs-content-id-168178939022 #main-content .row-number-3 .span7 .row-number-7 {
  transform-style: preserve-3d;
  transform: translateZ(50px);
}

.hs-content-id-161507400730 #main-content .row-number-3 .span7 .row-number-8,
.hs-content-id-168178939022 #main-content .row-number-3 .span7 .row-number-8 {
  position: absolute;
  top: 20px;
  left: 180px;
  transform-style: preserve-3d;
  transform: translateZ(150px);
}

@media only screen and (min-width: 667px) {
  .hs-content-id-161507400730 .dr_flex-cards--3-col .dr_flex-cards__card,
  .hs-content-id-168178939022 .dr_flex-cards--3-col .dr_flex-cards__card {
    width: calc(16% - 1rem);
  }
}

.hs-content-id-161507400730 .dr_flex-cards__card img, 
.hs-content-id-168178939022 .dr_flex-cards__card img, 
.hs-content-id-161769482584 .dr_flex-cards__card img,
.hs-content-id-168182926379 .dr_flex-cards__card img {
  margin: 0 auto;
}

.hs-content-id-161507400730 .dr_flex-cards__card p, 
.hs-content-id-168178939022 .dr_flex-cards__card p,
.hs-content-id-161769482584 .dr_flex-cards__card p,
.hs-content-id-168182926379 .dr_flex-cards__card p {
  font-size: 12px;
  font-weight: bold;
}

.blank-states { fill: #FFFFFF; }
.presence-state { fill: #00273F; }
.logra-teal { fill: #00C5DA; }
.location-name { font-size: 13px; text-transform: uppercase; }
.sign-line { fill: none; stroke: #2EC5DA; stroke-miterlimit: 10; }
.sign-pointer { fill: #2EC5DA; }

.ethics-link {
  background-color: #00c5da;
  color: #fff !important;
  padding: 4px 10px;
  border-radius: 4px;
  position: relative;
  top: 8px;
  text-decoration: none;
}

@media only screen and (min-width: 668px) {
  .hs-content-id-161507400730 #main-content .dnd_area-row-7-padding .row-fluid .dnd-column:first-child,
  .hs-content-id-168178939022 #main-content .dnd_area-row-7-padding .row-fluid .dnd-column:first-child,
  .hs-content-id-161769482584 #main-content .dnd_area-row-2-padding .row-fluid .dnd-column:first-child,
  .hs-content-id-168182926379 #main-content .dnd_area-row-2-padding .row-fluid .dnd-column:first-child {
    position: relative;
    overflow: hidden;
  }
  .hs-content-id-161507400730 #main-content .dnd_area-row-7-padding .row-fluid .dnd-column:first-child::after,
  .hs-content-id-168178939022 #main-content .dnd_area-row-7-padding .row-fluid .dnd-column:first-child::after,
  .hs-content-id-161769482584 #main-content .dnd_area-row-2-padding .row-fluid .dnd-column:first-child::after,
  .hs-content-id-168182926379 #main-content .dnd_area-row-2-padding .row-fluid .dnd-column:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-top-right-radius: 120px;
    background-color: #00273F;
    transform: skewX(30deg);
    transform-origin: 100% 100%;
  }
}

.dr_video-hero__content,
.offer-card__button-wrapper {
  overflow: visible !important;
  position: relative;
  z-index: 10;
}

header.dr_video-hero {
  overflow: visible !important;
}

.offer-card__button-wrapper {
  margin-left: 80px;
}

a.button.button--secondary {
  width: auto;
  padding: 12px 30px;
}

#hs_cos_wrapper_widget_1747466000310_ {
  display: none !important;
}

.texto-angosto {
  display: none !important;
}

@media only screen and (min-width: 668px) {
  #logo-area {
    width: 996px;
    height: 282px;
  }
}

@media only screen and (max-width: 667px) {
  .offer-card__button-wrapper {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-55%);
    width: 80%;
    padding: 15px 0;
    margin: 0 auto;
    margin-left: 0 !important;
    text-align: center;
  }

  a.button.button--secondary {
    width: 100%;
    max-width: 300px;
    padding: 12px 20px;
    display: inline-block;
    text-align: center;
  }
  
  @media only screen and (max-width: 767px) {
  a.button.button--secondary {
    margin-top: 40px; /* Cambia el valor según lo que necesites */
  }
}

  #logo-area {
    top: 0;
    max-width: 90%;
    width: 323px;
    height: 91px;
    margin-left: 25px;
  }

  #logo-parts-wrapper {
    width: 160px;
    min-height: 160px;
  }

  .logotype {
    top: -115px;
    width: 200px;
    left: 35px;
  }

  .logo-part-5 {
    top: 36%;
    right: 17%;
  }

  .row-number-4 {
    margin-top: 50px;
  }
  
@media (max-width: 768px) {
  body, html {
    overflow-x: hidden;
  }
}
  
@media (max-width: 767px) {
  .video-container .titles-wrapper p:first-child {
    display: none !important;
  }
}