.breadcrumb {display:none}

/** Home Page **/
:root {
  --main-mint: #18D1E0;
  --main-pink: #EF16FE;
  --main-yellow: #896EF0;
  --main-grey:#e5e5e5;

  --padding-y:100px;
  --main-font:'Montserrat-Regular';
}

.my-100 {margin-top:var(--padding-y);margin-bottom:var(--padding-y); }
.py-100 {padding-top:var(--padding-y);padding-bottom:var(--padding-y); }
.bg-gradient {background:linear-gradient(to left,#d897c5 30%, #568dc5); -webkit-background-clip: text;}
.bg-gradient-2 {background:linear-gradient(-45deg, var(--main-mint), var(--main-pink), var(--main-yellow));}
.bg-pink{background:var(--main-pink);}

.btn-deser {color:white;padding:10px; background: var(--main-pink);
  transition:.5s;background-size: 400% 400%; animation: bgcolors 20s infinite; display:inline-block; text-transform: capitalize!important;}
.btn-deser:hover {background:var(--main-mint);transition:.5s; color:white; display:inline-block;}

.btn-ghost {background:transparent; border:solid 2px black;border-radius:.3em; padding: .5rem 1rem; transition:.5s ease;}
.btn-ghost:hover {background:#ddd; border:solid 2px #ccc; transition:.5s ease;}

.bg-main-grey{background:var(--main-grey);}

.intro-section{
  position:sticky;
  top:0;
}
.logo-container{max-width:200px;}
.logo-container svg {width: 100%; fill: white;}

.video-container {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 59vw; /* 16:9 aspect ratio */
  min-height: 100vh;
  min-width: 177.77vh; /* 16:9 aspect ratio */
  transform: translate(-50%, -50%);
}

.content-section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  position: relative;
  z-index: 2;
}

.title-container {
  text-align: center;
  padding: 2rem;
}

.main-title {
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.subtitle {
  font-size: 1.25rem;
  opacity: 0.9;
  margin-bottom: 2rem;
}

.cta-button {
  background: rgba(255,255,255,0.2);
  border: 2px solid white;
  color: white;
  padding: 12px 30px;
  font-size: 1.1rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background: white;
  color: #667eea;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .main-title {
    font-size: 2.5rem;
  }

  .subtitle {
    font-size: 1rem;
  }

  .video-wrapper iframe {
    width: 100vw;
    height: 177.77vw; /* Adjusted for mobile */
    min-height: 100vh;
    min-width: 56.25vh;
  }
}

._head-section h1 { color: var(--main-pink); font-size: 4rem;}

.first-section h1 {font-weight:800; font-size:6rem; line-height:1;  color: var(--main-pink);}
.first-section h5 {font-size:2rem; font-weight:300;}

.second-section h2 {color:var(--main-pink); font-size:2.5rem;font-weight:800;}
.third-section {background:url('/aj./webmaster/getfile/35e8abbf3563d309c02c31e7fa19741f?.jpg') no-repeat center/cover;}
.third-section h2 {font-size:6rem;  font-weight:800; line-height: 0.9; color: transparent; background-clip: text;}
.third-section h5 {font-size:2rem;  font-weight:300; color:var(--main-pink);}
.third-section picture:first-child {width:250px;}
.third-section h3 {color:var(--main-pink);}

/*-- .mesoterapia-home {background:url('/aj./webmaster/getfile/78715559d70f5ac2e8c0ab20f2c1f7ca?.jpg') no-repeat left bottom/35%;}--*/
.mesoterapia-home h2 {font-weight: 800; text-transform: uppercase; font-size: 3rem; color: var(--main-pink) }
.mesoterapia-home .border {border:1px solid var(--main-pink)!important; border-radius:.7rem;}


.payment-methods{border-top:solid 3px #fff;}
._payment-method_icon svg {fill:#fff;}

.title-section{background:url('/aj./webmaster/getfile/35e8abbf3563d309c02c31e7fa19741f?.jpg') no-repeat center/cover; background-attachment:fixed; min-height:350px; display:flex; align-items:center; }
.title-section h1 {font-size:5rem;  font-weight:800; line-height: 0.9; color: transparent; background-clip: text;}

.nosotros {background:url('/aj./webmaster/getfile/6c24309ce46f6c58bde72c4e1c3f36cc?.gif') no-repeat  left center/50%,
  url('/aj./webmaster/getfile/f5a37b409f6f0a6c3c9f673c4c277646?.png') no-repeat  left center/auto,
  url('/aj./webmaster/getfile/adc7e2870fc8a86e1d4254f3c1f18ed0?.png') no-repeat  right center/auto; height:100vh;}
.nosotros :is(.container, .row) {height:100%;}
.nosotros h2 {color:var(--main-pink); font-size:4rem; font-weight:800;}
.nosotros p {line-height:1.5;}



/** Sign Up **/
.CL35e08fa25c8bd643a77d2b090c6f6309 .box .box-content {background: transparent; padding: 0!important;}
.CL35e08fa25c8bd643a77d2b090c6f6309 #content {margin-top: auto!important;}
.CL35e08fa25c8bd643a77d2b090c6f6309 #content #newCuentaCesta {display: flex; justify-content: center; align-items: baseline;}
.CL35e08fa25c8bd643a77d2b090c6f6309 #content #newCuentaCesta .span12:first-child {width: 100%;}
.CL35e08fa25c8bd643a77d2b090c6f6309 #content #newCuentaCesta .span12:nth-child(2) {display: none;}
.CL35e08fa25c8bd643a77d2b090c6f6309 .fade:not(.show) {opacity: 1;}
.CL35e08fa25c8bd643a77d2b090c6f6309 span.select2.select2-container.select2-container--default {width: auto;}
._sign-up form label.error {font-weight: bold; color: red; display: block;}

#newCuentaCesta .form-vertical.form-bordered #newContrasena {width: 100%;}
.CL35e08fa25c8bd643a77d2b090c6f6309 .btn-crearusuario,
.CL35e08fa25c8bd643a77d2b090c6f6309 .btn-iniciarsession,
.CL35e08fa25c8bd643a77d2b090c6f6309 .page-header,
.CL35e08fa25c8bd643a77d2b090c6f6309 ol.breadcrumb {display:none;}

/** Screen user (sing in - my account)**/

.CL6cc0fbc862743161b168081bdcf637db .page-header,
.CL6cc0fbc862743161b168081bdcf637db .span3.col-3,
.CL9c6c44c3fc8e2951619159eb7169c6fb .page-header,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span3.col-3,
.CL6cc0fbc862743161b168081bdcf637db #bannerContenedor,
.CL9c6c44c3fc8e2951619159eb7169c6fb #bannerContenedor {display: none;}
.CL9c6c44c3fc8e2951619159eb7169c6fb .box .box-content {padding: 0!important;}

.CL6cc0fbc862743161b168081bdcf637db .span9.col-9,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 {margin-right:auto; margin-left: auto; flex: 0 0 100%!important;  max-width: 100%!important; padding: 0!important;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content {border: none!important;}
.CL6cc0fbc862743161b168081bdcf637db  #formLogin input#btnLoginSubmit.btnLogin {padding: .5rem!important;}
#formLogin a {color:black!important; }
#formLogin a:hover {color:var(--main-pink)!important;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box .box-content, 
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box .box-content .row-fluid .span12.col-12 {padding: 0!important;}


/** -- Form-- **/

.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .control-group label,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .control-group label {display: inline-block; margin-bottom: .5rem; color: #9CCC65; 
  font-family: 'Raleway-Regular'; font-size:18px; font-weight: 300; text-transform: capitalize;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .control-group input,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .control-group input {display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .control-group span.add-on,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .control-group span.add-on {display: none;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .control-group span.help-block a,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .control-group span.help-block a {margin-top: .5rem;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .form-actions,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .form-actions {margin: .5rem auto;
  display: flex; justify-content: center;}
.CL6cc0fbc862743161b168081bdcf637db .span9.col-9 .box.box-bordered .box-content form .form-actions input,
.CL9c6c44c3fc8e2951619159eb7169c6fb .span9.col-9 .box.box-bordered .box-content form .form-actions input {padding: .5rem;}

/** Reset Pass**/
.CL8e7122436d47eae97728c3b69480334a #content {padding-top: 10rem;}
.CL8e7122436d47eae97728c3b69480334a #ask_password h2 {background:var(--main-pink); color: white; text-align:center; padding: 1rem; }
.CL8e7122436d47eae97728c3b69480334a #ask_password .control-group,
.CL8e7122436d47eae97728c3b69480334a #ask_password .containerBTN {display: flex!important; justify-content: center!important; align-items: center!important; }
.CL8e7122436d47eae97728c3b69480334a #ask_password .control-group label {padding: 0; font-size: 18px;}
.CL8e7122436d47eae97728c3b69480334a #ask_password .control-group .controls {margin-left: 0;}
.CL8e7122436d47eae97728c3b69480334a #ask_password .control-group .controls input {display: block;width: 100%;height: calc(1.5em+.75rem+2px);
  padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: var(--main-pink);background-color: #fff;background-clip: padding-box;
  border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out , box-shadow .15s ease-in-out; margin-bottom: .5rem;}
.CL8e7122436d47eae97728c3b69480334a #ask_password span.help-block.error {color: red;}
.CL8e7122436d47eae97728c3b69480334a #ask_password .btn.btn-primary {background:var(--main-pink)!important; color: black; transition: all .6s;}
.CL8e7122436d47eae97728c3b69480334a #ask_password .btn.btn-primary:hover {background: #333!important; color: white!important;}
.CL8e7122436d47eae97728c3b69480334a .noty_body {background:red!important; color: black; }

/** New Pass **/
.CL66f640b1d414943fbf414c036c6aa860 #content {padding-top: 10rem;}
.CL66f640b1d414943fbf414c036c6aa860 #content .main-page {color: white;}
.CL66f640b1d414943fbf414c036c6aa860 #content .main-page .row-fluid {display:flex; justify-content: center; align-items: center; margin-bottom: 1rem;}
.CL66f640b1d414943fbf414c036c6aa860 #content .main-page .row-fluid .span3.col-3:first-child {display:none;}
.CL66f640b1d414943fbf414c036c6aa860 #content .main-page .row-fluid .span3.col-3:nth-child(2) {color:var(--main-pink); 
  font-size:20px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: .1rem;}
.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group {padding: 1rem; display: flex!important; justify-content: center!important; align-items: center!important; }
.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group:nth-child(2) {border-left: 1px solid var(--main-pink);}

.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group .controls input {display: block;width: 100%;height: calc(1.5em+.75rem+2px);
  padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: var(--main-pink);background-color: #fff;background-clip: padding-box;
  border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out , box-shadow .15s ease-in-out; margin-bottom: .5rem;}
.CL66f640b1d414943fbf414c036c6aa860 #userSave .control-group label {padding: 0; font-size: 18px; width: auto;}
.CL66f640b1d414943fbf414c036c6aa860 #userSave .row.nomargin.nopadding {border-radius: 10px; margin-bottom: 1rem!important;}
.CL66f640b1d414943fbf414c036c6aa860 #userSave .form-actions {display: flex!important; justify-content: center!important;}

.CL66f640b1d414943fbf414c036c6aa860 .noty_body {background:var(--main-pink)!important; color: black; }