/*float button*/
.whatsapp {
    clear: both;
    border-radius: 4px;
}
.float-left{
    position:fixed;
    width:60px;
    height:60px;
    bottom:25px;
    left:25px;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #9999997a;
}
.float-button{
    z-index: 9999999;
}
.float .fa-whatsapp:before {
    font-size: xx-large;
    top: 14px;
    left: 1px;
    position: relative;
}
.whatsapp-content {
    background-color: #0cc243;
    opacity: 0.8;
}

.whatsapp-booking-content {
    opacity: 1;
}

.whatsapp-booking-content:hover {
    opacity: 0.8;
}

/*animations*/
.animationCall {
   animation: callBounce 2s infinite;
   -webkit-animation: callBounce 2s infinite; /* Safari 4.0 - 8.0 */
    /*position: relative;*/
    
}
@keyframes callBounce {
    0%   {margin-left: 0px;padding-left: 4px}
    50%  {margin-left: 4px;padding-left: 0px}
    100% {margin-left: 0px;padding-left: 4px}
}

/*boton turnos*/
.turnos-btn-mobile {
  border: 2px solid #ab8664;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  border-color: #ab8664;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.turnos-btn-mobile:hover {
  background-color: #ab8664;
  color: #fff;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
}


/*desde aca pruebas del nuevo index -----------------------------------------*/
.card-image-xl-pro {
    height: 70vh; /* o 80vh si lo querés más grande */
}
.banner-dark::after {
    background-color: rgba(14, 14, 14, -0.1);
    bottom: 0;
}

/*.navbar.navbar-top {
    background-color: #a58f7a !important;
    opacity: 1;
}*/
/*cambiamos el color del menu*/
/*.navbar .dropdown-menu {
    background-color: #a58f7a; 
    border: none; 
}*/

/*.navbar .dropdown-menu .nav-link {
    color: white; 
}*/

/*.navbar .dropdown-menu .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1); 
}
*/


/*para la imagen principal del index*/
.card-portfolio.card-overlay:hover::after {
    opacity: 0 !important;
}
.card-image-xl-pro {
    width: 100%;
    max-width: 100%;
}
.card-image-xl-pro img {
    width: 100%;
    height: 70vh; 
    object-fit: cover; 
}
/* SOLO en index mantengo navbar*/
body.home .navbar.navbar-top {
    background-color: #000 !important;
}
.card-title-index {
    background-color: rgba(0, 0, 0, 0.2); /* negro con transparencia */
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px; /* opcional */
}



/*vavbar para mobile */
/*.navbar-mobile-style-2.navbar-dark .navbar-head {
        background-color: #a58f7a;
    }
.navbar-mobile.navbar-dark {
    background-color: #a58f7a;
}
*/


#testimoniosId {
     background-image: linear-gradient(
        rgba(0, 0, 0, 0.5), 
        rgba(0, 0, 0, 0.1)
    ),
    url('images/crazy.png');
    background-size: cover;
    background-position: center;
    min-height: 200px; /* altura mínima */
    display: flex;
    align-items: center;
    
}

/*para cards del index*/
/* ── base card ── */
.awwa-card-link {
  cursor: pointer;
  display: block;
  position: relative;
  text-decoration: none;
}

/* ── pill flotante arriba ── */
.awwa-link-pill {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px 5px 10px;
  background: rgba(171, 134, 100, 0.92);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: Inter, sans-serif;
  border-radius: 20px;
  letter-spacing: 0.02em;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  transition: background 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.awwa-card-link:hover .awwa-link-pill,
.awwa-card-link:focus .awwa-link-pill {
  background: rgba(171, 134, 100, 1);
  transform: translateY(-2px);
}
/* mobile: siempre visible */
@media (hover: none) {
  .awwa-link-pill {
    background: rgba(171, 134, 100, 0.88);
  }
}

/* ── overlay sobre la imagen ── */
.awwa-img-overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(14, 14, 14, 0);
  transition: background 0.3s ease;
  pointer-events: none;
}
.awwa-img-overlay-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.12);
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.awwa-img-overlay-text {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.04em;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease 0.05s, transform 0.25s ease 0.05s;
}

/* hover: activar overlay */
.awwa-card-link:hover .awwa-img-overlay,
.awwa-card-link:focus .awwa-img-overlay {
  background: rgba(14, 14, 14, 0.09);
}
.awwa-card-link:hover .awwa-img-overlay-icon,
.awwa-card-link:focus .awwa-img-overlay-icon {
  opacity: 1;
  transform: scale(1);
}
.awwa-card-link:hover .awwa-img-overlay-text,
.awwa-card-link:focus .awwa-img-overlay-text {
  opacity: 1;
  transform: translateY(0);
}

/* mobile: overlay siempre visible pero más sutil */
@media (hover: none) {
  .awwa-img-overlay {
    background: rgba(14, 14, 14, 0.01);
    justify-content: flex-end;
    padding-bottom: 16px;
  }
  .awwa-img-overlay-icon {
    display: none;
  }
  .awwa-img-overlay-text {
    opacity: 1;
    transform: translateY(0);
    font-size: 12px;
    background: rgba(0,0,0,0.4);
    padding: 4px 12px;
    border-radius: 12px;
  }
}
/*fin cards index*/


/*AVATAR*/
*{box-sizing:border-box;margin:0;padding:0;}
.app{font-family:var(--font-sans);padding:1rem;max-width:680px;margin:0 auto;}
.page-title{font-size:18px;font-weight:500;color:var(--color-text-primary);text-align:center;margin-bottom:4px;}
.page-sub{font-size:13px;color:var(--color-text-secondary);text-align:center;margin-bottom:1rem;}
.bodies-row{display:flex;gap:8px;justify-content:center;align-items:flex-start;margin-bottom:1rem;}
.body-col{display:flex;flex-direction:column;align-items:center;flex:1;max-width:190px;position:relative;}
.body-label{font-size:11px;color:var(--color-text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.05em;}
.svg-wrap{width:100%;position:relative;}
.tooltip-box{position:absolute;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:8px;padding:5px 10px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:20;display:none;}
.tt-name{font-weight:500;color:var(--color-text-primary);}
.tt-price{color:var(--color-text-secondary);}
.face-panel{background:var(--color-background-secondary);border-radius:12px;border:0.5px solid var(--color-border-tertiary);padding:10px;margin-bottom:10px;}
.face-panel-title{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}
.face-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.fbtn{background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:8px;padding:5px 8px;font-size:11px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);transition:all 0.15s;text-align:left;}
.fbtn:hover{background:var(--color-background-secondary);}
.fbtn.sel{background:#EEEDFE;border-color:#534AB7;color:#3C3489;}
.fbtn .bp{font-size:10px;color:var(--color-text-secondary);}
.fbtn.sel .bp{color:#534AB7;}
.full-btn{width:100%;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);margin-bottom:7px;transition:all 0.15s;}
.full-btn:hover{background:var(--color-background-secondary);}
.full-btn.sel{background:#EEEDFE;border-color:#534AB7;color:#3C3489;font-weight:500;}
.summary-card{background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:12px;padding:12px 14px;}
.summary-title{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;}
.sel-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;min-height:20px;}
.tag{background:#EEEDFE;color:#3C3489;border-radius:20px;padding:2px 9px;font-size:11px;}
.total-row{display:flex;justify-content:space-between;align-items:baseline;border-top:0.5px solid var(--color-border-tertiary);padding-top:8px;}
.total-label{font-size:12px;color:var(--color-text-secondary);}
.total-price{font-size:22px;font-weight:500;color:var(--color-text-primary);}
.empty-hint{font-size:11px;color:var(--color-text-tertiary);}
.right-col{flex:1;min-width:170px;}
.zd{fill:#D3D1C7;stroke:#888780;stroke-width:0.8;cursor:pointer;transition:fill 0.15s,stroke 0.15s;}
.zs{fill:#CECBF6;stroke:#534AB7;stroke-width:1.5;cursor:pointer;}
.face-eye{fill:#444441;pointer-events:none;}
.divider-line{stroke:#888780;stroke-width:1;stroke-dasharray:3,2;pointer-events:none;fill:none;}
.divider-line-sel{stroke:#534AB7;stroke-width:1.2;stroke-dasharray:3,2;pointer-events:none;fill:none;}
.sub-hit{fill:transparent;stroke:none;cursor:pointer;}
.no-interact{pointer-events:none;}

/*fin avatar*/