.elementor-540 .elementor-element.elementor-element-4ff2661{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-540 .elementor-element.elementor-element-feb0813{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-540 .elementor-element.elementor-element-136fc2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-540 .elementor-element.elementor-element-eccde91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-540 .elementor-element.elementor-element-52007f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-540 .elementor-element.elementor-element-235bcf7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-540 .elementor-element.elementor-element-235bcf7::before, .elementor-540 .elementor-element.elementor-element-235bcf7 > .elementor-background-video-container::before, .elementor-540 .elementor-element.elementor-element-235bcf7 > .e-con-inner > .elementor-background-video-container::before, .elementor-540 .elementor-element.elementor-element-235bcf7 > .elementor-background-slideshow::before, .elementor-540 .elementor-element.elementor-element-235bcf7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-540 .elementor-element.elementor-element-235bcf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-540 .elementor-element.elementor-element-9223751{--display:flex;--overlay-opacity:0.5;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-540 .elementor-element.elementor-element-9223751::before, .elementor-540 .elementor-element.elementor-element-9223751 > .elementor-background-video-container::before, .elementor-540 .elementor-element.elementor-element-9223751 > .e-con-inner > .elementor-background-video-container::before, .elementor-540 .elementor-element.elementor-element-9223751 > .elementor-background-slideshow::before, .elementor-540 .elementor-element.elementor-element-9223751 > .e-con-inner > .elementor-background-slideshow::before, .elementor-540 .elementor-element.elementor-element-9223751 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-540 .elementor-element.elementor-element-5581596{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-540 .elementor-element.elementor-element-32be4ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-540 .elementor-element.elementor-element-cf4f29d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-540 .elementor-element.elementor-element-e7ec059{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-540{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-540 .elementor-element.elementor-element-52007f0{--width:70%;}.elementor-540 .elementor-element.elementor-element-235bcf7{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-feb0813 */<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --azul: #4A90D9; --negro: #0d0d0d; --gris: #f5f4f1;
  --serif: 'Playfair Display', Georgia, serif; --sans: 'Inter', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
.tas-hero { position: relative; height: 55vh; min-height: 440px; display: flex; align-items: center; overflow: hidden; }
.tas-hero-bg { position: absolute; inset: 0; background: url('https://atanes.es/wp-content/uploads/2026/04/adobestock-784648627.jpeg') center/cover; }
.tas-hero-overlay { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,8,18,0.85) 0%, rgba(8,8,18,0.5) 60%, rgba(8,8,18,0.2) 100%); }
.tas-hero-content { position: relative; z-index: 2; padding: 0 5vw; max-width: 680px; }
.tas-hero-tag { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.tas-hero-tag::before { content: ''; display: block; width: 36px; height: 1px; background: var(--azul); }
.tas-hero-h1 { font-family: var(--serif); font-size: clamp(36px, 5vw, 60px); font-weight: 400; color: #fff; line-height: 1.1; letter-spacing: -1px; margin: 0 0 20px; }
.tas-hero-h1 em { font-style: italic; color: #7fb8e8; }
.tas-hero-sub { font-family: var(--sans); font-size: 15px; font-weight: 300; color: rgba(255,255,255,0.65); line-height: 1.7; }

/* SELECTOR */
.tas-.elementor-540 .elementor-element.elementor-element-feb0813-section { background: linear-gradient(160deg, #0f2245 0%, #0a1832 45%, #071525 100%); padding: 80px 5vw; position: relative; overflow: hidden; }
.tas-.elementor-540 .elementor-element.elementor-element-feb0813-section::before { content: ''; position: absolute; top: -100px; right: -100px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(74,144,217,0.14) 0%, transparent 70%); pointer-events: none; }
.tas-.elementor-540 .elementor-element.elementor-element-feb0813-inner { position: relative; z-index: 1; }
.tas-.elementor-540 .elementor-element.elementor-element-feb0813-label { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); text-align: center; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.tas-.elementor-540 .elementor-element.elementor-element-feb0813-label::before, .tas-.elementor-540 .elementor-element.elementor-element-feb0813-label::after { content: ''; display: block; width: 60px; height: 1px; background: rgba(255,255,255,0.12); }
.tas-options { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; max-width: 860px; margin: 0 auto; }
.tas-option { padding: 48px 40px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); cursor: pointer; transition: all 0.3s; text-align: center; text-decoration: none; display: block; }
.tas-option:hover { background: rgba(74,144,217,0.12); border-color: var(--azul); transform: translateY(-2px); }
.tas-option-icon { width: 56px; height: 56px; border-radius: 50%; background: rgba(74,144,217,0.15); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.tas-option-icon svg { width: 26px; height: 26px; stroke: var(--azul); fill: none; stroke-width: 1.5; }
.tas-option-title { font-family: var(--serif); font-size: 22px; font-weight: 400; color: #fff; margin-bottom: 10px; }
.tas-option-sub { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); line-height: 1.6; }
.tas-option-badge { display: inline-block; margin-top: 16px; font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--azul); border: 1px solid var(--azul); padding: 5px 12px; }

/* FORMULARIO */
.tas-form-section { background: #fff; padding: 80px 5vw; display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: start; }
.tas-section-label { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.tas-section-label::before { content: ''; display: block; width: 36px; height: 1px; background: var(--azul); }
.tas-h2 { font-family: var(--serif); font-size: clamp(28px, 3.5vw, 42px); font-weight: 400; color: var(--negro); line-height: 1.15; letter-spacing: -0.5px; margin: 0 0 20px; }
.tas-h2 em { font-style: italic; color: #888; }
.tas-desc { font-family: var(--sans); font-size: 15px; font-weight: 300; color: #666; line-height: 1.75; margin-bottom: 40px; }
.tas-form { display: flex; flex-direction: column; gap: 0; }
.tas-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.tas-row-full { margin-bottom: 16px; }
.tas-field { display: flex; flex-direction: column; gap: 7px; }
.tas-label { font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--azul); }
.tas-input, .tas-select, .tas-textarea { width: 100%; background: #f8f9fb; border: 1px solid #e0e8f0; color: var(--negro); padding: 13px 16px; font-family: var(--sans); font-size: 13px; outline: none; transition: border-color 0.2s; border-radius: 0; -webkit-appearance: none; appearance: none; min-height: 48px; line-height: 1.4; }
.tas-input:focus, .tas-select:focus, .tas-textarea:focus { border-color: var(--azul); background: #fff; }
.tas-input::placeholder, .tas-textarea::placeholder { color: #bbb; }
.tas-textarea { resize: none; height: 100px; }
.tas-select option { background: #fff; }
.tas-range-wrap { display: flex; flex-direction: column; gap: 8px; }
.tas-range { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--azul) 50%, #e0e8f0 50%); outline: none; }
.tas-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--azul); cursor: pointer; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--azul); }
.tas-range-vals { display: flex; justify-content: space-between; font-family: var(--sans); font-size: 11px; color: #999; }
.tas-submit { width: 100%; background: var(--azul); color: #fff; border: none; padding: 17px; font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; margin-top: 8px; transition: background 0.2s; }
.tas-submit:hover { background: #2d78c8; }
.tas-privacy { font-family: var(--sans); font-size: 11px; color: #aaa; text-align: center; margin-top: 12px; line-height: 1.5; }

/* PANEL CITA */
.tas-cita-panel { background: linear-gradient(175deg, #0f2245 0%, #0a1832 50%, #060e1e 100%); border: 1px solid rgba(74,144,217,0.15); padding: 40px 36px; position: sticky; top: 100px; }
.tas-cita-panel::before { content: ''; display: block; height: 2px; margin: -40px -36px 36px; background: linear-gradient(to right, var(--azul), #7fb8e8, transparent); }
.tas-cita-tag { font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--azul); margin-bottom: 16px; display: block; }
.tas-cita-title { font-family: var(--serif); font-size: 24px; font-weight: 400; color: #fff; margin-bottom: 16px; line-height: 1.3; }
.tas-cita-sub { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); line-height: 1.7; margin-bottom: 28px; }
.tas-cita-features { margin-bottom: 32px; }
.tas-cita-feature { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.tas-cita-feature-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--azul); flex-shrink: 0; margin-top: 5px; }
.tas-cita-feature-text { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.6); line-height: 1.5; }
.tas-cita-separator { height: 1px; background: rgba(255,255,255,0.08); margin: 28px 0; }
.tas-cita-form { display: flex; flex-direction: column; gap: 12px; }
.tas-cita-input { width: 100%; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: #fff; padding: 12px 14px; font-family: var(--sans); font-size: 13px; outline: none; transition: border-color 0.2s; }
.tas-cita-input::placeholder { color: rgba(255,255,255,0.3); }
.tas-cita-input:focus { border-color: var(--azul); }
.tas-cita-select { width: 100%; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); padding: 12px 14px; font-family: var(--sans); font-size: 13px; outline: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A90D9' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }
.tas-cita-select option { background: #0d1f3c; color: #fff; }
.tas-cita-btn { background: var(--azul); color: #fff; border: none; padding: 15px; font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; cursor: pointer; transition: background 0.2s; }
.tas-cita-btn:hover { background: #2d78c8; }
.tas-cita-tel { text-align: center; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.07); }
.tas-cita-tel a { font-family: var(--sans); font-size: 18px; font-weight: 600; color: #fff; text-decoration: none; display: block; }
.tas-cita-tel span { font-size: 10px; color: rgba(255,255,255,0.3); letter-spacing: 2px; text-transform: uppercase; }

/* CÓMO FUNCIONA */
.tas-steps-section { position: relative; padding: 80px 5vw; overflow: hidden; }
.tas-steps-bg { position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=1600&q=80') center/cover; }
.tas-steps-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(8,18,40,0.93) 0%, rgba(10,24,52,0.88) 50%, rgba(15,34,70,0.84) 100%); }
.tas-steps-inner { position: relative; z-index: 1; }
.tas-steps-section .tas-section-label { color: var(--azul); }
.tas-steps-section .tas-h2 { color: #fff; }
.tas-steps-section .tas-h2 em { color: rgba(255,255,255,0.4); }
.tas-steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 52px; background: rgba(74,144,217,0.15); border: 1px solid rgba(74,144,217,0.15); }
.tas-step { padding: 36px 28px; background: rgba(8,18,40,0.7); backdrop-filter: blur(4px); transition: background 0.3s; }
.tas-step:hover { background: rgba(74,144,217,0.15); }
.tas-step-n { font-family: var(--serif); font-size: 52px; font-weight: 400; color: rgba(74,144,217,0.5); display: block; line-height: 1; margin-bottom: 16px; }
.tas-step-title { font-family: var(--sans); font-size: 13px; font-weight: 600; color: #fff; margin-bottom: 8px; }
.tas-step-text { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.5); line-height: 1.6; }

@media (max-width: 960px) {
  .tas-form-section { grid-template-columns: 1fr; gap: 48px; }
  .tas-cita-panel { position: static; }
  .tas-options { grid-template-columns: 1fr; }
  .tas-steps-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .tas-row { grid-template-columns: 1fr; }
  .tas-steps-grid { grid-template-columns: 1fr; }
  .tas-form-section { padding: 48px 20px; }
  .tas-steps-section { padding: 56px 20px; }
}
</style>/* End custom CSS */
/* Start custom CSS */<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --azul: #4A90D9; --negro: #0d0d0d; --gris: #f5f4f1;
  --serif: 'Playfair Display', Georgia, serif; --sans: 'Inter', sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
.tas-hero { position: relative; height: 55vh; min-height: 440px; display: flex; align-items: center; overflow: hidden; }
.tas-hero-bg { position: absolute; inset: 0; background: url('https://atanes.es/wp-content/uploads/2026/04/adobestock-784648627.jpeg') center/cover; }
.tas-hero-overlay { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,8,18,0.85) 0%, rgba(8,8,18,0.5) 60%, rgba(8,8,18,0.2) 100%); }
.tas-hero-content { position: relative; z-index: 2; padding: 0 5vw; max-width: 680px; }
.tas-hero-tag { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.tas-hero-tag::before { content: ''; display: block; width: 36px; height: 1px; background: var(--azul); }
.tas-hero-h1 { font-family: var(--serif); font-size: clamp(36px, 5vw, 60px); font-weight: 400; color: #fff; line-height: 1.1; letter-spacing: -1px; margin: 0 0 20px; }
.tas-hero-h1 em { font-style: italic; color: #7fb8e8; }
.tas-hero-sub { font-family: var(--sans); font-size: 15px; font-weight: 300; color: rgba(255,255,255,0.65); line-height: 1.7; }

/* SELECTOR */
.tas-body.elementor-page-540-section { background: linear-gradient(160deg, #0f2245 0%, #0a1832 45%, #071525 100%); padding: 80px 5vw; position: relative; overflow: hidden; }
.tas-body.elementor-page-540-section::before { content: ''; position: absolute; top: -100px; right: -100px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(74,144,217,0.14) 0%, transparent 70%); pointer-events: none; }
.tas-body.elementor-page-540-inner { position: relative; z-index: 1; }
.tas-body.elementor-page-540-label { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); text-align: center; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.tas-body.elementor-page-540-label::before, .tas-body.elementor-page-540-label::after { content: ''; display: block; width: 60px; height: 1px; background: rgba(255,255,255,0.12); }
.tas-options { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; max-width: 860px; margin: 0 auto; }
.tas-option { padding: 48px 40px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); cursor: pointer; transition: all 0.3s; text-align: center; text-decoration: none; display: block; }
.tas-option:hover { background: rgba(74,144,217,0.12); border-color: var(--azul); transform: translateY(-2px); }
.tas-option-icon { width: 56px; height: 56px; border-radius: 50%; background: rgba(74,144,217,0.15); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
.tas-option-icon svg { width: 26px; height: 26px; stroke: var(--azul); fill: none; stroke-width: 1.5; }
.tas-option-title { font-family: var(--serif); font-size: 22px; font-weight: 400; color: #fff; margin-bottom: 10px; }
.tas-option-sub { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); line-height: 1.6; }
.tas-option-badge { display: inline-block; margin-top: 16px; font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--azul); border: 1px solid var(--azul); padding: 5px 12px; }

/* FORMULARIO */
.tas-form-section { background: #fff; padding: 80px 5vw; display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: start; }
.tas-section-label { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--azul); display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.tas-section-label::before { content: ''; display: block; width: 36px; height: 1px; background: var(--azul); }
.tas-h2 { font-family: var(--serif); font-size: clamp(28px, 3.5vw, 42px); font-weight: 400; color: var(--negro); line-height: 1.15; letter-spacing: -0.5px; margin: 0 0 20px; }
.tas-h2 em { font-style: italic; color: #888; }
.tas-desc { font-family: var(--sans); font-size: 15px; font-weight: 300; color: #666; line-height: 1.75; margin-bottom: 40px; }
.tas-form { display: flex; flex-direction: column; gap: 0; }
.tas-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.tas-row-full { margin-bottom: 16px; }
.tas-field { display: flex; flex-direction: column; gap: 7px; }
.tas-label { font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--azul); }
.tas-input, .tas-select, .tas-textarea { width: 100%; background: #f8f9fb; border: 1px solid #e0e8f0; color: var(--negro); padding: 13px 16px; font-family: var(--sans); font-size: 13px; outline: none; transition: border-color 0.2s; border-radius: 0; -webkit-appearance: none; appearance: none; min-height: 48px; line-height: 1.4; }
.tas-input:focus, .tas-select:focus, .tas-textarea:focus { border-color: var(--azul); background: #fff; }
.tas-input::placeholder, .tas-textarea::placeholder { color: #bbb; }
.tas-textarea { resize: none; height: 100px; }
.tas-select option { background: #fff; }
.tas-range-wrap { display: flex; flex-direction: column; gap: 8px; }
.tas-range { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--azul) 50%, #e0e8f0 50%); outline: none; }
.tas-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--azul); cursor: pointer; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--azul); }
.tas-range-vals { display: flex; justify-content: space-between; font-family: var(--sans); font-size: 11px; color: #999; }
.tas-submit { width: 100%; background: var(--azul); color: #fff; border: none; padding: 17px; font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; margin-top: 8px; transition: background 0.2s; }
.tas-submit:hover { background: #2d78c8; }
.tas-privacy { font-family: var(--sans); font-size: 11px; color: #aaa; text-align: center; margin-top: 12px; line-height: 1.5; }

/* PANEL CITA */
.tas-cita-panel { background: linear-gradient(175deg, #0f2245 0%, #0a1832 50%, #060e1e 100%); border: 1px solid rgba(74,144,217,0.15); padding: 40px 36px; position: sticky; top: 100px; }
.tas-cita-panel::before { content: ''; display: block; height: 2px; margin: -40px -36px 36px; background: linear-gradient(to right, var(--azul), #7fb8e8, transparent); }
.tas-cita-tag { font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--azul); margin-bottom: 16px; display: block; }
.tas-cita-title { font-family: var(--serif); font-size: 24px; font-weight: 400; color: #fff; margin-bottom: 16px; line-height: 1.3; }
.tas-cita-sub { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.45); line-height: 1.7; margin-bottom: 28px; }
.tas-cita-features { margin-bottom: 32px; }
.tas-cita-feature { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.tas-cita-feature-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--azul); flex-shrink: 0; margin-top: 5px; }
.tas-cita-feature-text { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.6); line-height: 1.5; }
.tas-cita-separator { height: 1px; background: rgba(255,255,255,0.08); margin: 28px 0; }
.tas-cita-form { display: flex; flex-direction: column; gap: 12px; }
.tas-cita-input { width: 100%; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: #fff; padding: 12px 14px; font-family: var(--sans); font-size: 13px; outline: none; transition: border-color 0.2s; }
.tas-cita-input::placeholder { color: rgba(255,255,255,0.3); }
.tas-cita-input:focus { border-color: var(--azul); }
.tas-cita-select { width: 100%; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); padding: 12px 14px; font-family: var(--sans); font-size: 13px; outline: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A90D9' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }
.tas-cita-select option { background: #0d1f3c; color: #fff; }
.tas-cita-btn { background: var(--azul); color: #fff; border: none; padding: 15px; font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; cursor: pointer; transition: background 0.2s; }
.tas-cita-btn:hover { background: #2d78c8; }
.tas-cita-tel { text-align: center; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.07); }
.tas-cita-tel a { font-family: var(--sans); font-size: 18px; font-weight: 600; color: #fff; text-decoration: none; display: block; }
.tas-cita-tel span { font-size: 10px; color: rgba(255,255,255,0.3); letter-spacing: 2px; text-transform: uppercase; }

/* CÓMO FUNCIONA */
.tas-steps-section { position: relative; padding: 80px 5vw; overflow: hidden; }
.tas-steps-bg { position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=1600&q=80') center/cover; }
.tas-steps-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(8,18,40,0.93) 0%, rgba(10,24,52,0.88) 50%, rgba(15,34,70,0.84) 100%); }
.tas-steps-inner { position: relative; z-index: 1; }
.tas-steps-section .tas-section-label { color: var(--azul); }
.tas-steps-section .tas-h2 { color: #fff; }
.tas-steps-section .tas-h2 em { color: rgba(255,255,255,0.4); }
.tas-steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 52px; background: rgba(74,144,217,0.15); border: 1px solid rgba(74,144,217,0.15); }
.tas-step { padding: 36px 28px; background: rgba(8,18,40,0.7); backdrop-filter: blur(4px); transition: background 0.3s; }
.tas-step:hover { background: rgba(74,144,217,0.15); }
.tas-step-n { font-family: var(--serif); font-size: 52px; font-weight: 400; color: rgba(74,144,217,0.5); display: block; line-height: 1; margin-bottom: 16px; }
.tas-step-title { font-family: var(--sans); font-size: 13px; font-weight: 600; color: #fff; margin-bottom: 8px; }
.tas-step-text { font-family: var(--sans); font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.5); line-height: 1.6; }

@media (max-width: 960px) {
  .tas-form-section { grid-template-columns: 1fr; gap: 48px; }
  .tas-cita-panel { position: static; }
  .tas-options { grid-template-columns: 1fr; }
  .tas-steps-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .tas-row { grid-template-columns: 1fr; }
  .tas-steps-grid { grid-template-columns: 1fr; }
  .tas-form-section { padding: 48px 20px; }
  .tas-steps-section { padding: 56px 20px; }
}
</style>/* End custom CSS */