/****************************************TYPOGRAPHY ***************************************************/
body{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #999999;
  background-color: #000000;
}
.texto-borde-bienvenido{
  /* -webkit-text-stroke: 2px black; */
  font-weight: bold;
}
#amarresefectivos .parrafo,
#lecturatarot .parrafo,
#cta .parrafo,
#alejamiento .parrafo,
#envidia .parrafo,
#videnciagratis .parrafo{
  font-size: 20px;
  font-weight: bold;
}
#videnciagratis a{
  font-size: 18px;
  font-weight: bold;
}
.img_pago{ margin-top:10px; margin-bottom:10px; }

.imagen-bar{
  background-image: url(../images/bar.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.amarillo{ color:#ffd00d !important; }

h1,h2,h3,h4,h5,h6{
  font-family: 'Montserrat', sans-serif;
  color: #ffad00;
  font-weight: 600;
  text-transform: uppercase;
}
h1{ font-size: 3.998em; }
h2{ font-size: 2.827em; }
h3{ font-size: 1.999em; }
h4{ font-size: 1.414em; }

p{ font-size: 1em; color: #ffffff; }
.color_negro{ background:#000000 !important; }

.btn{
  font-family: 'Montserrat', sans-serif;
  font-size: .707em;
  text-transform: uppercase;
  font-weight: 600;
  padding:12px 40px;
  box-shadow: 0 4px 10px 0 rgba(91,91,91,.45);
  line-height: 1;
  transition: all .5s ease;
  letter-spacing: 1px;
}

.container_whatsapp{
  right:10px; bottom:10px;
  width:200px; height:240px; position:fixed;
}

.btn-link{ padding:0; box-shadow:none; color:#ffd00d !important; }
.icon-on-button{ margin-left:8px; }
.icon-on-button i{ font-size:18px; vertical-align:middle; }

.navbar{
  background-color: transparent !important;
  border-color: transparent !important;
  border:0;
  transition: all .5s ease;
}
.navbar-brand{ padding:0; }
.navbar-brand img{ max-height:50px; }
.navbar-default .navbar-nav>li>a{
  font-family:'Montserrat',sans-serif;
  color:#fff; text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
  color:#fff; background-color:transparent;
}
.navbar-default .navbar-nav>li>a:hover{ color:#ffd00d; }
.navbar-nav>li>a.btn-navbar:hover{ color:#fff; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
  color:#fff; background-color:transparent;
}
.navbar-nav>li>a.btn-navbar{ padding-left:40px; padding-right:40px; }

.navbar-divider{
  width:100%; height:1px; border:0;
  background-color: rgba(255,255,255,.1);
  transition: all .5s ease;
}
.colored-nav{ padding-top:15px; padding-bottom:15px; }
.colored-nav .navbar-divider{ display:none; }

.cta{ color:#fff; }
.cta-btn-group{ margin-top:15px; }
.cta-btn-group .btn{ margin:10px; }

/* estados de botones (sin cambios visuales) */
.btn-orange.focus,.btn-orange:focus,.btn-orange.active,.btn-orange:active,
.btn-white.focus,.btn-white:focus,.btn-white.active,.btn-white:active,
.btn-violat.focus,.btn-violat:focus,.btn-violat.active,.btn-violat:active{
  color:#fff; background-color:#286090; border-color:#122b40;
}

/*******************************************HEADER***************************************************/
header{ background-color:#b7b7b7; position:relative; display:block; }

/*******************************************SLIDER HOME***************************************************/
.sliding-card-with-bottom-image .image-container img{
  position:relative; margin:0 auto; padding-top:90px;
}
.image-right-slide-bg{
  background-repeat:no-repeat !important;
  background-position-x:100% !important;
  background-size:auto 100% !important;
  padding:18rem 0;
}
.slider-para{ font-size:1.414em; font-family:'Montserrat',sans-serif; }

/*******************************************SLIDER***************************************************/
.slider-content-wraper{
  padding-top:150px; padding-bottom:150px;
  text-align:center; color:#fff;
}

/*******************************************FEATURE**************************************************/
.feature-wiget{ padding-top:15px; padding-bottom:15px; }
.feature-wiget h4,.feature-wiget i{ color:#f70505; }
.feature-wiget i{ font-size:36px; }
.feature-wiget h4{ text-transform:uppercase; }
.bottom-line{ position:relative; margin-bottom:20px; }
.bottom-line:after{
  content:''; position:absolute; top:100%;
  width:35px; height:2px; background-color:#ffd00d; left:0;
  margin-top:7px; margin-bottom:5px;
}

/*******************************************CARD*****************************************************/
.card{ box-shadow:0 4px 15px 0 rgba(191,195,198,.29); }
.card-title{ color:#ff0808; text-transform:initial; }
.card-block{ padding:4rem; }

/*******************************************TESTIMONIAL**********************************************/
.heading-wraper{ margin-bottom:120px; }
.heading-wraper h3{ color:#fff; text-transform:uppercase; }
.heading-wraper .heading-devider{ margin:0 auto; width:100px; height:2px; border:0; }

.testimonial-container{
  background-color:#fff;
  box-shadow:0 8px 21px 0 rgba(26,31,66,.29);
}
.testimonial-content{
  padding:2rem 8rem; position:relative; top:-45px;
  color:#5a5a5a; font-weight:600;
}
.testimonial-speech{
  font-size:16px; text-align:center;
  font-family:'Open Sans',sans-serif; color:#5a5a5a;
}
.testimonial-container .client-details{ position:relative; top:-45px; }
.testimonial-container .client-details img{ border-radius:50%; margin-bottom:25px; }
.client-designation{
  margin-bottom:0; font-size:10px; text-transform:uppercase;
  color:#999; font-family:'Montserrat',sans-serif;
}
.client-name{
  margin-bottom:0; font-size:16px; font-family:'Montserrat',sans-serif;
  text-transform:capitalize; font-weight:400;
}
ul.social-list{ margin:0; padding:0; list-style:none; }
ul.social-list li{ margin:0; padding:0; display:inline-block; }
ul.social-list li a{ display:block; font-size:2rem; padding:.2rem; color:#999; }
ul.social-list li a:hover, ul.social-list li a:focus{ color:#0e153a; }

.owl-wrapper-outer{ padding-top:60px; margin-top:-60px; }

/*******************************************CUSTOMER SUPPORT*****************************************/
.customer-support-content{ padding-left:15px; padding-right:15px; }

/*******************************************SUBSCRIPTION*********************************************/
.sunscription-wraper-outer{ box-shadow:0 8px 21px 0 rgba(191,195,198,.29); }
.subscription-wraper h3{ text-transform:uppercase; color:#433b88; }
.subscription-wraper p{ color:#5a5a5a; }
.subscription-form .form-group{ width:65%; margin:0 auto; }
.subscription-form .form-control{
  border-radius:50px; margin-bottom:25px; margin-top:25px; height:40px;
}

/*******************************************FOOTER***************************************************/
.footer-list-wiget h4{ color:#ffd00d; text-transform:uppercase; }
.footer-list-wiget .list-group-item{
  border:0; background-color:transparent !important;
  padding-left:0; font-family:'Open Sans',sans-serif; color:#999;
}
.footer-devider{ background-color:rgb(235,235,235); }
.footer-end-line{ height:25px; width:100%; margin:0; padding:0; }

.logo-colored,.logo-white{
  display:inline-block; font-size:28px; font-weight:600; text-transform:uppercase;
}
.logo-colored img,.logo-white img{
  display:inline-block; text-transform:uppercase; max-height:100px; margin-right:10px;
}
.logo-white{ color:#fff; }
.logo-colored{ color:#e8617d; }
.footer-left-content{ margin-bottom:50px; }
.footer-left-content .content{ margin-top:15px; }
.footer-list-wiget .list-group{ margin-top:26px; }
.padding-top-120{ padding-top:120px; }

/*******************************************ELEMENT STYLES*******************************************/
.btn-orange,.btn-violat{ color:#fff; }
.btn-violat,.gradient-violat{ background:#000000 !important; }
.btn-orange,.gradient-orange{
  background-image: linear-gradient(125deg, rgb(232,88,137) 0%, rgb(232,98,123) 32%, rgb(232,108,108) 100%);
  box-shadow: 0 8px 27px 0 rgba(116,44,69,.21);
  background:#ffd00d !important;
}
.btn-white,.gradient-white{
  background-image: linear-gradient(125deg,#ffffff,#e1e1e1);
  color:#6b6a8b;
}
.border-none{ border:0 !important; }
.whatsapp{ width:100%; }
.btn-rounded-corner{ border-radius:50px; }
.btn-video{
  display:inline-block; vertical-align:middle; white-space:nowrap; cursor:pointer; -webkit-user-select:none;
}
.text-center{ text-align:center; }
.img-responsive{ max-width:100%; }
.text-violat{ color:#6b6a8b; }
.padding-top-bottom-120{ padding-top:117px; padding-bottom:117px; }
.padding-top-bottom-90{ padding-top:90px; padding-bottom:90px; }
.padding-top-bottom-30{ padding-top:30px; padding-bottom:30px; }
.bg-image{ background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
.margin-bottom-30{ margin-bottom:30px; }
.margin-top-30{ margin-top:30px; } /* ← arreglado */
.overflow-x-hidden{ overflow-x:hidden; }
.text-white{ color:#fff; }
.bg-fit{ background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
.bg-image-fit-50{
  background-repeat:no-repeat !important;
  /* background-position-x: 100% !important; */
  /* background-size: 50% 100% !important; */
}
.btn-navbar{ line-height:1; }
.btn-link i{ font-size:18px; vertical-align:middle; }
.btn-video{ text-transform:uppercase; transition:all .5s ease; }
.btn-video:hover{ text-decoration:none; color:#e86c6c; }
.btn-video:hover .icon-rounded{
  border-color:#e86c6c; box-shadow:0 8px 27px 0 rgba(116,44,69,.21); color:#e86c6c;
}
.btn.gradient-orange:hover{ background-color:#e86c6c !important; background-image:none !important; }
.btn-orange.active,.btn-orange:active{
  color:#fff;
  background-image: linear-gradient(125deg, rgb(232,88,137) 0%, rgb(232,98,123) 32%, rgb(232,108,108) 100%);
  border:0; border-color:transparent;
}
.btn-violat.active,.btn-violat:active{
  color:#fff;
  background-image: linear-gradient(135deg, rgb(244,202,216) 0%, rgb(129,112,137) 35%, rgb(14,21,58) 100%);
  border:0; border-color:transparent;
}
.btn-violat:hover,.btn-white:hover{
  background-image: linear-gradient(125deg, rgb(232,88,137) 0%, rgb(232,98,123) 32%, rgb(232,108,108) 100%);
  border:0; border-color:transparent;
}

.icon-rounded{
  width:49px; height:49px; display:inline-block; border-radius:50%;
  background-color:#fff; vertical-align:middle; position:relative; margin-right:5px; transition:all .5s ease;
}
.icon-rounded i{
  font-size:3rem; line-height:30px; height:30px; width:30px; margin:auto; position:absolute;
  top:0; left:0; bottom:0; right:0; margin-left:12px; transition:all .5s ease;
}

/*******************************************BACKGROUND-STYLES****************************************/
.bg-transparent{ background-color:transparent; }
.max-width-100{ max-width:100% !important; }
.italic{ font-style:italic; }
.blog-category{ text-transform:uppercase; color:#ffd00d !important; font-weight:600; }
.margin-bottom-80{ margin-bottom:80px; }
.margin-bottom-25{ margin-bottom:25px; }
.padding-top-90{ padding-top:90px; }
.margin-top-bottom-30{ margin-top:30px; margin-bottom:30px; }
.bordered-ios{ background-color:transparent; border:1px solid #fff; }

/*******************************************SCROLL TOP ICON*****************************************/
.display-none{ display:none; transition:all .5s ease; }
.scroll-top-div{
  position:fixed; width:45px; height:45px; top:calc(100vh - 70px); left:calc(100vw - 62px);
  cursor:pointer; transition:all .5s ease;
}
.scroll-top-icon-container{
  position:relative; display:table; width:100%; height:100%;
  background-image: linear-gradient(125deg, rgb(232,88,137) 0%, rgb(232,98,123) 32%, rgb(232,108,108) 100%);
  color:#fff;
}
.scroll-top-icon-container i{ display:table-cell; vertical-align:middle; text-align:center; font-size:28px; }

/* ====== Responsive 736px ====== */
@media screen and (max-width: 736px){
  .navbar-form{ margin:0; }
  .navbar{ background-image:none !important; background-color:#000000 !important; padding-top:20px; }
  .navbar-brand{ padding-left:16px; }
  img.img-responsive.logo_img{ width:60px; }
  .vela_img{ padding-left:15px; }
  .navbar-default .navbar-toggle{ border-color:#ffd00d; }
  .navbar-default .navbar-toggle .icon-bar{ background-color:#ffd00d; }
  .navbar-toggle:hover{ background-color:#000 !important; }
}

/*******************************************OVERLAY*************************************************/
@media screen and (max-width: 768px){
  .navbar-form{ margin:0; }
  .navbar{ background-image:none !important; background-color:#000000 !important; padding-top:20px; }
  .navbar-brand{ padding-left:16px; }
  img.img-responsive.logo_img{ width:60px; }
  .navbar-default .navbar-toggle{ border-color:#ffd00d; }
  .navbar-default .navbar-toggle .icon-bar{ background-color:#ffd00d; }
  .navbar-toggle:hover{ background-color:#000 !important; }

  /* Divisor */
  .sm-padding-top-bottom-50-75{ padding-top:50px; padding-bottom:75px; }
  .testimonial-content{ padding:.5rem 1rem; }
  .sm-display-none{ display:none; }
  .image-right-slide-wraper .image-right-slide-content{ text-align:center; }
  .image-right-slide-bg{ background-image:none !important; padding:4rem 15px; }
  .home-slider h2{ font-size:1.999em; }
  .home-slider .slider-para{ font-size:1em; }
  .padding-top-bottom-120{ padding-top:75px; padding-bottom:75px; }
  .padding-top-bottom-90{ padding-top:60px; padding-bottom:60px; }
  .padding-top-120{ padding-top:75px; }
  .padding-top-90{ padding-top:60px; }
  .card-block{ padding:2rem; }
  .navbar{
    background-image: linear-gradient(35deg, rgb(232,88,137) 0%, rgb(232,98,123) 32%, rgb(232,108,108) 100%);
  }
  .navbar-divider{ display:none; }
  .navbar-toggle{ margin-top:2px; }
  .logo-colored img,.logo-white img{ max-height:85px; }
}

@media screen and (min-width: 769px){
  .image-right-slide-wraper{ display:table; width:100%; }
  .image-right-slide-wraper .image-right-slide-content{ display:table-cell; vertical-align:middle; float:none; }
  .image-right-slide-wraper .image-container{ float:none; display:table-cell; }
  #imagen-bar{ display:none !important; }
}

@media screen and (max-width: 414px){
  #introduction{ background-size:cover; background-position:center; }
  .section_trabajos{ }
  .list-group{ text-align:center; }
  #imagen-bar{ display:none !important; }
}

/***************************************OWL CAROUSEL ******************************************************************/
.owl-theme .owl-controls .owl-page span{ background:#fff; }
.owl-theme .owl-controls .owl-buttons div{ font-size:45px; background-color:transparent; color:#fff; }
.home-slider .owl-controls{ position:absolute; width:100%; top:calc(50% - 35px); }
.home-slider .owl-buttons{ position:relative; }
.home-slider .owl-prev{ position:absolute; left:0; }
.home-slider .owl-next{ position:absolute; right:0; }

/* ===== Barra de información ===== */
.informacion{
  background: linear-gradient(90deg,#4b0066 0%,#5c0073 35%,#3a0047 100%);
  color:#fff; width:100%; padding:12px 0;
  border-top:3px solid #ffcc00; border-bottom:3px solid #ffcc00;
  position:relative; z-index:5;
}
.info_slogan{ font-weight:600; letter-spacing:.2px; }

/* Reloj con pulso suave */
.info-clock{
  margin-right:6px; color:#ffcc00; position:relative; top:1px;
  animation: pulseDot 2.2s ease-in-out infinite;
}

/* Mensaje central con brillo sutil */
.info-highlight{
  display:inline-block;
  background: linear-gradient(90deg, rgba(255,204,0,1) 0%, rgba(255,255,255,.95) 20%, rgba(255,204,0,1) 40%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:300% 100%; animation: shimmer 6s linear infinite;
  text-shadow:0 0 0 rgba(0,0,0,0);
}

/* Redes */
.social-group .social-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%; margin-left:10px;
  background: rgba(0,0,0,.2);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
.social-group .social-icon:hover{
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
  background: rgba(255,255,255,.15);
  filter: saturate(1.1) brightness(1.03);
}

/* Animaciones */
@keyframes shimmer{
  0% { background-position:0% 0; }
  100%{ background-position:300% 0; }
}
@keyframes pulseDot{
  0% { transform:scale(1); filter:brightness(1); }
  50%{ transform:scale(1.14); filter:brightness(1.15); }
  100%{ transform:scale(1); filter:brightness(1); }
}
@media (prefers-reduced-motion: reduce){
  .info-clock,.info-highlight{ animation:none !important; }
}

/* Responsive barra info */
@media (max-width: 991px){
  .informacion{ padding:10px 0; }
  .social-group{ text-align:center; margin-top:8px; }
}
@media (max-width: 576px){
  .info_slogan{ font-size:14px; }
  .social-group .social-icon{ width:34px; height:34px; }
}