:root{--sbd-turquoise:#078ea2;--sbd-turquoise-dark:#087d91;--sbd-gold:#c8a968;--sbd-ink:#122f3b;--sbd-warm:#fbfaf7;--sbd-line:#dfe5e4}
.sbd-appointment{background:var(--sbd-warm);color:var(--sbd-ink)}
.sbd-appointment__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:680px}
.sbd-appointment__photo{overflow:hidden;background:#dce7e9}
.sbd-appointment__photo picture{display:block;width:100%;height:100%}
.sbd-appointment__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.sbd-appointment__content{position:relative;overflow:hidden;display:flex;align-items:center;padding:58px clamp(46px,5vw,92px);background:#fdfcf9}
.sbd-appointment__pattern{position:absolute;z-index:0;right:-90px;top:5%;width:330px;height:330px;opacity:.055;transform:rotate(45deg);background:linear-gradient(135deg,transparent 30%,var(--sbd-gold) 30% 34%,transparent 34% 45%,var(--sbd-gold) 45% 49%,transparent 49% 60%,var(--sbd-gold) 60% 64%,transparent 64%);border:10px double var(--sbd-gold)}
@media (min-width:1101px){.sbd-appointment__pattern{transform:none;background:url('chakana-oficial-transparente.png') center/contain no-repeat;border:0}}
.sbd-appointment__inner{position:relative;z-index:1;width:min(100%,660px);margin-inline:auto}
.sbd-appointment__eyebrow{margin:0 0 16px;color:var(--sbd-turquoise);font-size:13px;font-weight:600;letter-spacing:.09em}
.sbd-appointment h1{margin:0;color:#102e3a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3vw,54px);font-weight:500;line-height:1.04;letter-spacing:-.025em}
.sbd-appointment h1 span{color:var(--sbd-turquoise);font-style:italic}
.sbd-appointment__accent{position:relative;width:80px;height:16px;margin:14px 0 14px;border-top:1px solid var(--sbd-gold)}
.sbd-appointment__accent i{position:absolute;top:-4px;right:1px;width:7px;height:7px;border:1px solid var(--sbd-gold);transform:rotate(45deg);background:#fdfcf9}
.sbd-appointment__intro{margin:0 0 22px;color:#46585e;font-size:15px;line-height:1.55}
.sbd-cita-form{padding:24px 26px 20px;border:1px solid rgba(17,65,75,.07);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(21,55,63,.07)}
.sbd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sbd-field{margin-bottom:15px}
.sbd-field label{display:block;margin-bottom:7px;color:#243f49;font-size:12px;font-weight:600}
.sbd-control{position:relative}
.sbd-control>svg{position:absolute;left:14px;top:50%;z-index:1;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--sbd-turquoise);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sbd-control input,.sbd-control select,.sbd-control textarea{width:100%;min-height:48px;border:1px solid #d9e0e0;border-radius:7px;background:#fff;color:#203c46;font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}
.sbd-control input,.sbd-control select{padding:0 42px}
.sbd-control select{appearance:none;padding-right:44px}
.sbd-control--select:after{content:'';position:absolute;right:17px;top:19px;width:7px;height:7px;border-right:1.5px solid #596b70;border-bottom:1.5px solid #596b70;transform:rotate(45deg);pointer-events:none}
.sbd-control--textarea>svg{top:16px;transform:none}
.sbd-control textarea{min-height:78px;padding:14px 16px 12px 43px;resize:vertical}
.sbd-control input:focus,.sbd-control select:focus,.sbd-control textarea:focus{border-color:var(--sbd-turquoise);box-shadow:0 0 0 3px rgba(7,142,162,.1)}
.sbd-consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;color:#526267;font-size:11.5px;line-height:1.45}
.sbd-consent input{flex:0 0 auto;width:16px;height:16px;margin-top:1px;accent-color:var(--sbd-turquoise)}
.sbd-consent a{color:var(--sbd-turquoise-dark);text-decoration:underline;text-underline-offset:2px}
.sbd-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:0;border-radius:7px;background:linear-gradient(90deg,#087d91,var(--sbd-turquoise));color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:filter .2s,transform .2s}
.sbd-submit:hover{filter:brightness(1.05)}.sbd-submit:active{transform:translateY(1px)}
.sbd-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sbd-privacy-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0 0;color:#66767a;font-size:11.5px;line-height:1.4;text-align:left}
.sbd-privacy-note svg{width:22px;height:22px;fill:none;stroke:var(--sbd-turquoise);stroke-width:1.7}
.sbd-form-message{margin:0 0 16px;padding:12px 14px;border-radius:7px;font-size:13px}.sbd-form-message--success{background:#edf8f4;color:#17654d}.sbd-form-message--error{background:#fff1ef;color:#8a392e}
.sbd-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:1100px){.sbd-appointment__layout{grid-template-columns:44% 56%;min-height:650px}.sbd-appointment__content{padding:48px 36px}.sbd-appointment h1{font-size:40px}.sbd-cita-form{padding:22px}.sbd-form-grid{gap:12px}}
@media(max-width:820px){.sbd-appointment__layout{grid-template-columns:1fr;min-height:0}.sbd-appointment__photo{height:440px}.sbd-appointment__photo img{object-position:50% 42%}.sbd-appointment__content{padding:54px clamp(28px,7vw,64px) 64px}.sbd-appointment__inner{width:min(100%,680px)}.sbd-appointment__pattern{right:-130px;top:30px}.sbd-appointment h1{font-size:clamp(38px,6vw,48px)}}
@media(max-width:560px) and (orientation:portrait){.sbd-appointment__layout{position:relative;display:block;min-height:calc(100vw * 16 / 9);aspect-ratio:auto;overflow:visible}.sbd-appointment__photo{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:941/1672;overflow:hidden;background:#fdfcf9}.sbd-appointment__photo picture,.sbd-appointment__photo img{display:block;width:100%;height:100%}.sbd-appointment__photo img{object-fit:contain;object-position:center top;transform:none}.sbd-appointment__content{position:relative;z-index:2;padding:38px 20px 50px;background:transparent}.sbd-appointment__eyebrow{margin-bottom:12px;font-size:12px}.sbd-appointment h1{font-size:34px}.sbd-appointment__intro{font-size:14px}.sbd-desktop-only{display:none}.sbd-cita-form{padding:20px 16px 18px;border-radius:10px}.sbd-form-grid{grid-template-columns:1fr;gap:0}.sbd-control input,.sbd-control select{min-height:50px}.sbd-consent{font-size:11px}.sbd-submit{min-height:50px}.sbd-appointment__pattern{right:-180px;top:10px;width:300px;height:300px;opacity:.045}}
@media(max-width:380px){.sbd-appointment h1{font-size:30px}.sbd-appointment__content{padding-inline:15px}.sbd-cita-form{padding-inline:13px}}

@media (min-width:821px) and (max-width:1100px){.sbd-appointment__pattern{width:260px;height:270px;right:-40px;top:36px;opacity:.045;transform:none;background:url('chakana-oficial-transparente.png') center/contain no-repeat;border:0}}

@media (max-width:820px){.sbd-appointment__pattern{width:200px;height:208px;right:-65px;top:22px;opacity:.035;transform:none;background:url('chakana-oficial-transparente.png') center/contain no-repeat;border:0}}

/* CITA EN LINEA — COMPOSICION PC APROBABLE */
@media (min-width:1101px){
  .sbd-appointment{overflow-x:clip}
  .sbd-appointment__layout{position:relative;display:block;width:100vw;max-width:100vw;height:auto;min-height:0;aspect-ratio:1536/564;box-sizing:content-box;padding-bottom:10px;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo{position:absolute;inset:0;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo img{display:block;width:100%;max-width:none;height:100%;margin-left:0;object-fit:cover;object-position:left bottom;transform:none;transform-origin:center center}
  .sbd-appointment__content{position:relative;z-index:2;top:auto;right:auto;bottom:auto;margin-left:auto;margin-right:calc(clamp(26px,3.2vw,44px) + 10px);width:min(44vw,580px);display:flex;align-items:flex-start;overflow:visible;padding:20px 0;background:transparent}
  .sbd-appointment__pattern{display:none}
  .sbd-appointment__inner{width:100%;margin:0}
  .sbd-appointment__eyebrow{margin:0 0 5px;font-size:11px;line-height:1.2}
  .sbd-appointment h1{font-size:30px;line-height:1.05;letter-spacing:-.02em}
  .sbd-appointment__accent{width:70px;height:10px;margin:7px 0}
  .sbd-appointment__intro{margin:0 0 10px;font-size:12.5px;line-height:1.35}
  .sbd-desktop-only{display:none}
  .sbd-cita-form{padding:14px 16px 12px;border-radius:10px;box-shadow:0 8px 24px rgba(21,55,63,.08)}
  .sbd-form-grid{gap:12px}
  .sbd-field{margin-bottom:8px}
  .sbd-field label{margin-bottom:4px;font-size:11px;line-height:1.2}
  .sbd-control>svg{left:12px;width:17px;height:17px}
  .sbd-control input,.sbd-control select,.sbd-control textarea{min-height:38px;font-size:12px;border-radius:6px}
  .sbd-control input,.sbd-control select{padding:0 36px}
  .sbd-control--select:after{right:14px;top:14px;width:6px;height:6px}
  .sbd-control--textarea>svg{top:12px}
  .sbd-control textarea{height:56px;min-height:56px;padding:9px 12px 7px 36px;resize:vertical}
  .sbd-consent{gap:8px;margin:0 0 8px;font-size:10.2px;line-height:1.3}
  .sbd-consent input{width:14px;height:14px;margin-top:0}
  .sbd-submit{min-height:38px;font-size:11.5px}
  .sbd-submit svg{width:16px;height:16px}
  .sbd-privacy-note{gap:7px;margin:8px 0 0;font-size:10px;line-height:1.25}
  .sbd-privacy-note svg{width:18px;height:18px}
  .sbd-form-message{margin:0 0 8px;padding:8px 10px;font-size:11px}
}

/* CITA EN LINEA — TIPOGRAFIA DEL FORMULARIO PC */
@media (min-width:1101px){
  .sbd-cita-form,.sbd-cita-form input,.sbd-cita-form select,.sbd-cita-form textarea,.sbd-cita-form button{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
}

/* CITA EN LINEA — TABLET Y MOVIL HORIZONTAL */
@media (min-width:821px) and (max-width:1100px){
  .sbd-cita-form,.sbd-cita-form input,.sbd-cita-form select,.sbd-cita-form textarea,.sbd-cita-form button{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
}
@media (max-width:820px) and (orientation:landscape){
  .sbd-appointment__layout{grid-template-columns:42% 58%;min-height:540px}
  .sbd-appointment__photo{height:auto}
  .sbd-appointment__photo img{height:100%;object-position:left center}
  .sbd-appointment__content{padding:30px 28px 34px}
  .sbd-appointment__inner{width:100%}
  .sbd-appointment h1{font-size:32px}
  .sbd-cita-form,.sbd-cita-form input,.sbd-cita-form select,.sbd-cita-form textarea,.sbd-cita-form button{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
  .sbd-form-grid{grid-template-columns:1fr 1fr;gap:10px}
}

/* CITA EN LINEA — TITULO DEL FORMULARIO PC */
@media (min-width:1101px){
  .sbd-appointment h1{font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif}
}

/* CITA EN LINEA — LEGIBILIDAD SECUNDARIA PC */
@media (min-width:1101px){
  .sbd-consent{color:#465a60;font-size:10.8px;line-height:13.2px}
  .sbd-privacy-note{color:#50656b;font-size:10.7px;line-height:12.5px}
  .sbd-control input::placeholder,.sbd-control textarea::placeholder{color:#6b7d82;opacity:1}
}

/* CITA EN LINEA — TABLET HORIZONTAL */
@media (min-width:821px) and (max-width:1100px){
  .sbd-appointment{overflow-x:clip}
  .sbd-appointment__layout{position:relative;display:block;width:100%;height:auto;min-height:610px;aspect-ratio:auto;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo{position:absolute;inset:0;height:auto;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left bottom;transform:none}
  .sbd-appointment__content{position:relative;z-index:2;margin-left:auto;margin-right:clamp(20px,3vw,32px);width:min(50vw,500px);display:flex;align-items:flex-start;overflow:visible;padding:16px 0;background:transparent}
  .sbd-appointment__pattern{display:none}
  .sbd-appointment__inner{width:100%;margin:0}
  .sbd-appointment h1{font-size:clamp(26px,3.4vw,34px);line-height:1.06}
  .sbd-appointment__eyebrow{margin-bottom:7px}
  .sbd-appointment__accent{margin:8px 0}
  .sbd-cita-form{padding:16px 18px 14px}
  .sbd-field{margin-bottom:9px}
  .sbd-control input,.sbd-control select{min-height:42px}
  .sbd-control textarea{min-height:62px;height:62px}
}

/* Título de Cita en Línea: únicamente móvil vertical. */
@media(max-width:560px) and (orientation:portrait){
  .sbd-appointment__eyebrow,
  .sbd-appointment h1{ text-align:right!important; }
  .sbd-appointment__accent{ margin-left:auto!important; margin-right:0!important; }
}


/* Posición exclusiva del título de Cita en Línea en móvil vertical. */
@media(max-width:560px) and (orientation:portrait){
  
  .sbd-appointment__eyebrow,.sbd-appointment h1{text-align:right!important;}
  .sbd-appointment__accent{margin-left:auto!important;margin-right:0!important;}
}

/* CITA EN LINEA — RESPONSIVE TABLET APROBACION 2026-08-29 */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__layout{position:relative;display:block;width:100%;min-height:0;aspect-ratio:auto;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1366/590;overflow:hidden;background:#fdfcf9}
  .sbd-appointment__photo picture,.sbd-appointment__photo img{display:block;width:100%;height:100%}
  .sbd-appointment__photo img{object-fit:contain;object-position:center;transform:none}
  .sbd-appointment__content{position:relative;z-index:2;width:100%;margin:0;padding:32px clamp(36px,7vw,58px) 42px;background:#fdfcf9}
  .sbd-appointment__inner{width:min(100%,680px);margin:0 auto}
  .sbd-appointment__pattern{display:none}
  .sbd-appointment__eyebrow{margin-bottom:7px}
  .sbd-appointment h1{font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;font-size:clamp(34px,5vw,42px);line-height:1.08}
  .sbd-cita-form,.sbd-cita-form input,.sbd-cita-form select,.sbd-cita-form textarea,.sbd-cita-form button{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
  .sbd-cita-form{padding:20px 22px 18px}
  .sbd-form-grid{grid-template-columns:1fr 1fr;gap:12px}
  .sbd-control input,.sbd-control select{min-height:46px}
  .sbd-control textarea{min-height:72px;height:72px}
}
@media (min-width:821px) and (max-width:1100px) and (orientation:landscape){
  .sbd-appointment__layout{position:relative;display:block;width:100%;min-height:610px;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo{position:absolute;inset:0;height:100%;overflow:hidden;background:#fdfcf9}
  .sbd-appointment__photo picture,.sbd-appointment__photo img{display:block;width:100%;height:100%}
  .sbd-appointment__photo img{object-fit:cover;object-position:left bottom;transform:none}
  .sbd-appointment__content{position:relative;z-index:2;width:min(50vw,500px);margin-left:auto;margin-right:clamp(20px,3vw,32px);padding:16px 0 22px;background:transparent}
  .sbd-appointment__inner{width:100%;margin:0}
  .sbd-appointment__pattern{display:none}
  .sbd-appointment h1{font-family:"Montserrat","Avenir Next","Segoe UI",Arial,sans-serif;font-size:clamp(26px,3.4vw,34px);line-height:1.06}
  .sbd-cita-form,.sbd-cita-form input,.sbd-cita-form select,.sbd-cita-form textarea,.sbd-cita-form button{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
  .sbd-cita-form{padding:16px 18px 14px}
  .sbd-form-grid{gap:10px}
  .sbd-control input,.sbd-control select{min-height:42px}
  .sbd-control textarea{min-height:62px;height:62px}
}
/* CITA EN LINEA — AJUSTE ALTURA HERO TABLET 2026-08-29 */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__photo{aspect-ratio:1366/680}
  .sbd-appointment__content{padding-top:50px;padding-bottom:50px}
}
@media (min-width:821px) and (max-width:1100px) and (orientation:landscape){
  .sbd-appointment__layout{min-height:680px}
  .sbd-appointment__content{padding-top:36px;padding-bottom:26px}
}

/* CITA EN LINEA — AFINACION ALTURA TABLET VERTICAL */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__photo{aspect-ratio:1366/900}
  .sbd-appointment__content{padding-top:72px}
}


/* CITA EN LINEA — TABLET VERTICAL BASADA EN MOVIL 2026-08-29 */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__layout{position:relative;display:block;width:100%;min-height:177.778vw;aspect-ratio:auto;overflow:visible;background:#fdfcf9}
  .sbd-appointment__photo{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:941/1672;overflow:hidden;background:#fdfcf9}
  .sbd-appointment__photo picture,.sbd-appointment__photo img{display:block;width:100%;height:100%}
  .sbd-appointment__photo img{object-fit:contain;object-position:center top;transform:none}
  .sbd-appointment__content{position:relative;z-index:2;display:flex;align-items:flex-start;width:100%;min-height:177.778vw;margin:0;padding:84px clamp(46px,7vw,64px) 120px;background:transparent;overflow:visible}
  .sbd-appointment__inner{width:min(100%,680px);margin:0 auto}
  .sbd-appointment__eyebrow,.sbd-appointment h1{text-align:right!important}
  .sbd-appointment__accent{margin-left:auto!important;margin-right:0!important}
  .sbd-appointment__pattern{display:none}
}


/* CITA EN LINEA — TABLET VERTICAL FORMULARIO UNA COLUMNA */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-form-grid{grid-template-columns:1fr;gap:0}
}


/* CITA EN LINEA — TABLET VERTICAL ALTURA FONDO 768x1024 */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__layout{min-height:1040px}
  .sbd-appointment__photo{height:100%;aspect-ratio:auto}
  .sbd-appointment__photo picture,.sbd-appointment__photo img{height:100%}
  .sbd-appointment__photo img{object-fit:cover;object-position:center bottom}
  .sbd-appointment__content{min-height:1040px}
}


/* CITA EN LINEA — TABLET VERTICAL AJUSTE FINAL +8PX */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment__layout,.sbd-appointment__content{min-height:1048px}
}

/* CITA EN LINEA — TABLET VERTICAL FOOTER ALINEADO AL BORDE INFERIOR DEL HERO */
@media (min-width:561px) and (max-width:820px) and (orientation:portrait){
  .sbd-appointment + .hawa-footer.sbd-footer-v2{margin-top:-145px!important}
}

/* CITA EN LINEA — MOVIL HORIZONTAL 844x390 */
@media (min-width:821px) and (max-width:900px) and (max-height:500px) and (orientation:landscape){
  .sbd-appointment__layout{min-height:680px}
  .sbd-appointment__content{width:50%;margin-right:20px;padding:14px 0 12px}
  .sbd-appointment h1{font-size:30px;line-height:1.06}
  .sbd-cita-form{padding:16px 18px 14px}
  .sbd-form-grid{gap:10px}
  .sbd-control input,.sbd-control select{min-height:42px}
  .sbd-control textarea{min-height:62px;height:62px}
}

/* CITA EN LINEA — MOVIL HORIZONTAL CAMPOS CELULAR Y TRATAMIENTO LEGIBLES */
@media (min-width:821px) and (max-width:900px) and (max-height:500px) and (orientation:landscape){
  .sbd-form-grid{grid-template-columns:1fr;gap:8px}
}

/* CITA EN LINEA — MOVIL VERTICAL HEADER STICKY SIN OFFSET */
@media (max-width:560px) and (orientation:portrait){
  body.admin-bar .sbd-site-header-shell{top:0!important}
}