/* Page: Inicio */
:root { --primary: #2C3E50; --secondary: #34495E; --tertiary: #7F8C8D; --highlight: #3498DB; --background: #ECF0F1; --white: #FFFFFF; --text-light: #95A5A6; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--primary); line-height: 1.6; overflow-x: hidden; }
.inicio-hero-section { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 80px 20px; background: linear-gradient(135deg, rgba(44, 62, 80, 0.95) 0%, rgba(52, 73, 94, 0.92) 100%); overflow: hidden; }
.inicio-hero-bg-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.15; }
.inicio-hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0px auto; text-align: center; color: var(--white); }
.inicio-hero-headline { font-size: 3.5rem; font-weight: 800; line-height: 1.2; margin-bottom: 24px; letter-spacing: -0.5px; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px; }
.inicio-hero-subheadline { font-size: 1.4rem; font-weight: 300; margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; opacity: 0.95; }
.inicio-hero-cta { display: flex; gap: 20px; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 60px; }
.inicio-hero-btn-primary { background: var(--highlight); color: var(--white); padding: 18px 40px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; }
.inicio-hero-btn-primary:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.4) 0px 6px 20px; }
.inicio-hero-btn-secondary { background: transparent; color: var(--white); padding: 18px 40px; border: 2px solid var(--white); border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.inicio-hero-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--highlight); color: var(--highlight); }
.inicio-hero-trust-badges { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.inicio-hero-badge { display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 400; }
.inicio-hero-badge::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: var(--highlight); border-radius: 50%; font-weight: 700; font-size: 1.1rem; }
.inicio-propuesta-section { padding: 100px 20px; background: var(--background); }
.inicio-propuesta-container { max-width: 1200px; margin: 0px auto; }
.inicio-section-title { font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 60px; color: var(--primary); }
.inicio-propuesta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.inicio-propuesta-card { background: var(--white); padding: 40px 30px; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px; transition: 0.3s; }
.inicio-propuesta-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; }
.inicio-propuesta-icon { font-size: 3.5rem; margin-bottom: 20px; color: var(--highlight); }
.inicio-propuesta-card-title { font-size: 1.6rem; font-weight: 700; color: var(--primary); margin-bottom: 16px; }
.inicio-propuesta-card-desc { font-size: 1rem; color: var(--tertiary); line-height: 1.7; }
.inicio-servicios-section { padding: 100px 20px; background: var(--white); }
.inicio-servicios-container { max-width: 1200px; margin: 0px auto; }
.inicio-servicios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.inicio-servicio-card { background: var(--white); border: 2px solid var(--background); padding: 30px; border-radius: 12px; text-align: center; transition: 0.3s; }
.inicio-servicio-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 25px; border-color: var(--highlight); }
.inicio-servicio-icon { font-size: 3rem; margin-bottom: 20px; color: var(--highlight); }
.inicio-servicio-title { font-size: 1.4rem; font-weight: 600; color: var(--secondary); margin-bottom: 12px; }
.inicio-servicio-desc { font-size: 0.95rem; color: var(--tertiary); margin-bottom: 16px; line-height: 1.6; }
.inicio-servicio-link { color: var(--highlight); text-decoration: none; font-weight: 600; transition: 0.3s; display: inline-block; }
.inicio-servicio-link:hover { text-decoration: underline; color: rgb(41, 128, 185); }
.inicio-condiciones-section { padding: 100px 20px; background: var(--secondary); color: var(--white); }
.inicio-condiciones-container { max-width: 1200px; margin: 0px auto; }
.inicio-condiciones-title { color: var(--white); margin-bottom: 50px; }
.inicio-condiciones-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 40px; }
.inicio-condiciones-list { list-style: none; }
.inicio-condiciones-list li { font-size: 1.1rem; padding: 12px 0px; display: flex; align-items: center; gap: 15px; color: var(--background); }
.inicio-condiciones-list li::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--highlight); border-radius: 50%; color: var(--white); font-weight: 700; flex-shrink: 0; }
.inicio-condiciones-img { width: 100%; height: 400px; object-fit: cover; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 30px; }
.inicio-condiciones-cta { text-align: center; }
.inicio-condiciones-btn { background: var(--highlight); color: var(--white); padding: 16px 40px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.inicio-condiciones-btn:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.4) 0px 6px 20px; }
.inicio-proceso-section { padding: 100px 20px; background: var(--background); }
.inicio-proceso-container { max-width: 1200px; margin: 0px auto; }
.inicio-proceso-timeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; position: relative; }
.inicio-proceso-step { background: var(--white); padding: 35px 25px; border-radius: 12px; text-align: center; position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.inicio-proceso-number { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; background: var(--highlight); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 10px; }
.inicio-proceso-icon { font-size: 2.5rem; margin: 25px 0px 15px; color: var(--highlight); }
.inicio-proceso-step-title { font-size: 1.3rem; font-weight: 600; color: var(--primary); margin-bottom: 12px; }
.inicio-proceso-step-desc { font-size: 0.95rem; color: var(--tertiary); line-height: 1.6; }
.inicio-beneficios-section { padding: 100px 20px; background: var(--white); position: relative; overflow: hidden; }
.inicio-beneficios-section::before { content: ""; position: absolute; top: 0px; right: 0px; width: 600px; height: 600px; background: var(--highlight); opacity: 0.05; border-radius: 50%; transform: translate(30%, -30%); }
.inicio-beneficios-container { max-width: 1200px; margin: 0px auto; position: relative; z-index: 1; }
.inicio-beneficios-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.inicio-beneficios-img { width: 100%; height: 500px; object-fit: cover; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; }
.inicio-beneficios-list { list-style: none; }
.inicio-beneficios-list li { font-size: 1.15rem; padding: 16px 0px; display: flex; align-items: center; gap: 15px; color: var(--primary); }
.inicio-beneficios-list li::before { content: "★"; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--highlight); border-radius: 50%; color: var(--white); font-size: 1.2rem; flex-shrink: 0; }
.inicio-testimonios-section { padding: 100px 20px; background: linear-gradient(180deg,var(--background) 0%,var(--white) 100%); }
.inicio-testimonios-container { max-width: 1200px; margin: 0px auto; }
.inicio-testimonios-slider { position: relative; overflow: hidden; margin-bottom: 30px; }
.inicio-testimonios-track { display: flex; transition: transform 0.5s; }
.inicio-testimonio-card { min-width: 100%; padding: 40px; background: var(--white); border: 2px solid var(--tertiary); border-radius: 12px; text-align: center; }
.inicio-testimonio-quote { font-size: 1.3rem; color: var(--highlight); margin-bottom: 10px; font-weight: 700; }
.inicio-testimonio-text { font-size: 1.1rem; color: var(--primary); line-height: 1.8; margin-bottom: 20px; font-style: italic; }
.inicio-testimonio-author { font-size: 1rem; font-weight: 600; color: var(--secondary); margin-bottom: 5px; }
.inicio-testimonio-condition { font-size: 0.9rem; color: var(--tertiary); }
.inicio-testimonios-dots { display: flex; justify-content: center; gap: 12px; }
.inicio-testimonios-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--tertiary); cursor: pointer; transition: 0.3s; }
.inicio-testimonios-dot.active { background: var(--highlight); width: 32px; border-radius: 6px; }
.inicio-equipo-section { padding: 100px 20px; background: var(--primary); color: var(--white); }
.inicio-equipo-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.inicio-equipo-title { color: var(--white); }
.inicio-equipo-intro { font-size: 1.15rem; color: var(--background); max-width: 800px; margin: 0px auto 50px; line-height: 1.8; }
.inicio-equipo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 50px; }
.inicio-equipo-card { background: rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 12px; text-align: center; backdrop-filter: blur(10px); }
.inicio-equipo-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin: 0px auto 20px; border: 4px solid var(--highlight); }
.inicio-equipo-name { font-size: 1.4rem; font-weight: 600; color: var(--white); margin-bottom: 8px; }
.inicio-equipo-specialty { font-size: 1rem; color: var(--highlight); margin-bottom: 12px; }
.inicio-equipo-credentials { font-size: 0.9rem; color: var(--background); line-height: 1.6; }
.inicio-equipo-cta { background: var(--highlight); color: var(--white); padding: 16px 40px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.inicio-equipo-cta:hover { background: rgb(41, 128, 185); transform: translateY(-2px); }
.inicio-cobertura-section { padding: 100px 20px; background: var(--white); }
.inicio-cobertura-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.inicio-cobertura-graphic { width: 100%; max-width: 600px; height: 400px; margin: 40px auto; background: var(--background); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 4rem; color: var(--highlight); }
.inicio-cobertura-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 40px; }
.inicio-cobertura-zone { background: var(--background); padding: 15px 30px; border-radius: 8px; font-size: 1.05rem; color: var(--primary); font-weight: 500; }
.inicio-cobertura-contact { font-size: 1.15rem; color: var(--tertiary); max-width: 600px; margin: 0px auto; }
.inicio-cta-final-section { padding: 100px 20px; background: var(--highlight); color: var(--white); text-align: center; }
.inicio-cta-final-container { max-width: 900px; margin: 0px auto; }
.inicio-cta-final-heading { font-size: 3rem; font-weight: 700; margin-bottom: 20px; }
.inicio-cta-final-subheading { font-size: 1.3rem; font-weight: 300; margin-bottom: 50px; opacity: 0.95; }
.inicio-cta-final-options { display: flex; flex-direction: column; gap: 20px; align-items: center; margin-bottom: 40px; }
.inicio-cta-final-phone { font-size: 2rem; font-weight: 700; color: var(--white); text-decoration: none; transition: 0.3s; }
.inicio-cta-final-phone:hover { color: var(--primary); }
.inicio-cta-final-email { font-size: 1.2rem; color: var(--white); text-decoration: none; transition: 0.3s; }
.inicio-cta-final-email:hover { text-decoration: underline; }
.inicio-cta-final-btn { background: var(--white); color: var(--highlight); padding: 18px 50px; border: none; border-radius: 8px; font-size: 1.2rem; font-weight: 700; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px; }
.inicio-cta-final-btn:hover { background: var(--background); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 20px; }
.inicio-footer { padding: 80px 20px 30px; background: var(--primary); color: var(--background); }
.inicio-footer-container { max-width: 1200px; margin: 0px auto; }
.inicio-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.inicio-footer-column h3 { color: var(--white); font-size: 1.3rem; margin-bottom: 20px; font-weight: 600; }
.inicio-footer-tagline { color: var(--background); font-size: 0.95rem; line-height: 1.6; }
.inicio-footer-links { list-style: none; }
.inicio-footer-links li { margin-bottom: 12px; }
.inicio-footer-links a { color: var(--background); text-decoration: none; transition: 0.3s; font-size: 0.95rem; }
.inicio-footer-links a:hover { color: var(--highlight); padding-left: 5px; }
.inicio-footer-contact { list-style: none; }
.inicio-footer-contact li { margin-bottom: 12px; color: var(--background); font-size: 0.95rem; }
.inicio-footer-social { display: flex; gap: 15px; }
.inicio-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: var(--white); text-decoration: none; font-size: 1.2rem; transition: 0.3s; }
.inicio-footer-social a:hover { background: var(--highlight); transform: translateY(-3px); }
.inicio-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 30px; text-align: center; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.inicio-footer-copyright { color: var(--tertiary); font-size: 0.9rem; }
.inicio-footer-legal { display: flex; gap: 20px; }
.inicio-footer-legal a { color: var(--tertiary); text-decoration: none; font-size: 0.9rem; transition: 0.3s; }
.inicio-footer-legal a:hover { color: var(--highlight); }
@media (max-width: 1024px) {
  .inicio-hero-headline { font-size: 2.8rem; }
  .inicio-section-title { font-size: 2.3rem; }
  .inicio-condiciones-layout, .inicio-beneficios-layout { grid-template-columns: 1fr; }
  .inicio-condiciones-img, .inicio-beneficios-img { height: 350px; }
}
@media (max-width: 768px) {
  .inicio-hero-section { min-height: auto; padding: 60px 20px; }
  .inicio-hero-headline { font-size: 2.2rem; }
  .inicio-hero-subheadline { font-size: 1.1rem; }
  .inicio-hero-cta { flex-direction: column; width: 100%; }
  .inicio-hero-btn-primary, .inicio-hero-btn-secondary { width: 100%; max-width: 300px; }
  .inicio-hero-trust-badges { flex-direction: column; gap: 15px; }
  .inicio-propuesta-grid, .inicio-servicios-grid, .inicio-proceso-timeline, .inicio-equipo-grid { grid-template-columns: 1fr; }
  .inicio-section-title { font-size: 2rem; }
  .inicio-cta-final-heading { font-size: 2.2rem; }
  .inicio-footer-grid { grid-template-columns: 1fr; }
  .inicio-footer-bottom { flex-direction: column; text-align: center; }
}
@media (max-width: 480px) {
  .inicio-hero-headline { font-size: 1.8rem; }
  .inicio-hero-subheadline { font-size: 1rem; }
  .inicio-section-title { font-size: 1.7rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Servicios */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(44, 62, 80); overflow-x: hidden; }
.servicios-page { width: 100%; overflow-x: hidden; }
.servicios-hero { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 120px 20px 80px; text-align: center; position: relative; }
.servicios-hero::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(44, 62, 80, 0.95) 100%); pointer-events: none; }
.servicios-hero-content { max-width: 1200px; margin: 0px auto; position: relative; z-index: 2; }
.servicios-hero h1 { font-family: Poppins, sans-serif; font-size: 3rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.servicios-hero-subtitle { font-size: 1.3rem; font-weight: 300; margin-bottom: 30px; opacity: 0.95; }
.servicios-breadcrumb { background: rgb(236, 240, 241); color: rgb(44, 62, 80); display: inline-flex; padding: 12px 24px; border-radius: 30px; font-size: 0.95rem; gap: 8px; align-items: center; }
.servicios-breadcrumb a { color: rgb(52, 152, 219); text-decoration: none; transition: color 0.3s; }
.servicios-breadcrumb a:hover { color: rgb(41, 128, 185); }
.servicios-breadcrumb span { color: rgb(127, 140, 141); }
.servicios-overview { background: rgb(236, 240, 241); padding: 80px 20px; }
.servicios-overview-content { max-width: 1000px; margin: 0px auto; text-align: center; }
.servicios-overview h2 { font-family: Poppins, sans-serif; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 30px; font-weight: 700; }
.servicios-overview p { font-size: 1.15rem; color: rgb(44, 62, 80); line-height: 1.8; margin-bottom: 20px; }
.servicios-section { padding: 100px 20px; }
.servicios-section-white { background: rgb(255, 255, 255); }
.servicios-section-gray { background: rgb(236, 240, 241); }
.servicios-section-dark { background: rgb(52, 73, 94); }
.servicios-section-blue { background: rgb(52, 152, 219); }
.servicios-section-primary { background: rgb(44, 62, 80); }
.servicios-container { max-width: 1200px; margin: 0px auto; }
.servicios-content-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.servicios-content-grid.reverse { direction: rtl; }
.servicios-content-grid.reverse > * { direction: ltr; }
.servicios-text-content h2 { font-family: Poppins, sans-serif; font-size: 2.3rem; margin-bottom: 20px; font-weight: 700; display: flex; align-items: center; gap: 15px; }
.servicios-icon { width: 50px; height: 50px; background: rgb(52, 152, 219); border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.servicios-text-content p { font-size: 1.1rem; line-height: 1.8; margin-bottom: 25px; }
.servicios-list { list-style: none; margin: 30px 0px; }
.servicios-list li { padding: 12px 0px 12px 35px; position: relative; font-size: 1.05rem; line-height: 1.6; }
.servicios-list li::before { content: "✓"; position: absolute; left: 0px; color: rgb(52, 152, 219); font-weight: bold; font-size: 1.2rem; }
.servicios-image-wrapper { position: relative; border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px; transition: transform 0.4s, box-shadow 0.4s; }
.servicios-image-wrapper:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 50px; }
.servicios-image-wrapper img { width: 100%; height: 400px; object-fit: cover; display: block; }
.servicios-cta-btn { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 16px 36px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.05rem; transition: 0.3s; border: none; cursor: pointer; margin-top: 25px; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; }
.servicios-cta-btn:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.4) 0px 6px 20px; }
.servicios-cta-btn-white { background: rgb(255, 255, 255); color: rgb(52, 152, 219); }
.servicios-cta-btn-white:hover { background: rgb(236, 240, 241); color: rgb(41, 128, 185); }
.servicios-section-dark .servicios-text-content h2, .servicios-section-dark .servicios-text-content p { color: rgb(255, 255, 255); }
.servicios-section-dark .servicios-list li { color: rgb(236, 240, 241); }
.servicios-section-blue .servicios-text-content h2, .servicios-section-blue .servicios-text-content p { color: rgb(255, 255, 255); }
.servicios-section-blue .servicios-list li { color: rgb(255, 255, 255); }
.servicios-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.servicios-card { background: rgb(255, 255, 255); padding: 30px; border-radius: 12px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.servicios-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 25px; }
.servicios-card-icon { font-size: 2.5rem; margin-bottom: 15px; }
.servicios-card h3 { font-family: Poppins, sans-serif; font-size: 1.3rem; color: rgb(44, 62, 80); margin-bottom: 12px; font-weight: 600; }
.servicios-card p { color: rgb(84, 110, 122); font-size: 0.95rem; line-height: 1.6; }
.servicios-columns-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 40px; }
.servicios-column-card { background: rgba(255, 255, 255, 0.1); padding: 40px; border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.2); transition: 0.3s; }
.servicios-column-card:hover { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); transform: translateY(-3px); }
.servicios-column-card h3 { font-family: Poppins, sans-serif; font-size: 1.8rem; color: rgb(255, 255, 255); margin-bottom: 20px; font-weight: 600; }
.servicios-column-card ul { list-style: none; margin-top: 20px; }
.servicios-column-card li { padding: 10px 0px 10px 30px; position: relative; color: rgb(255, 255, 255); font-size: 1.05rem; }
.servicios-column-card li::before { content: "→"; position: absolute; left: 0px; color: rgb(255, 255, 255); font-weight: bold; }
.servicios-pricing { text-align: center; }
.servicios-pricing-content { max-width: 900px; margin: 0px auto; }
.servicios-pricing h2 { font-family: Poppins, sans-serif; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 30px; font-weight: 700; }
.servicios-pricing p { font-size: 1.1rem; color: rgb(44, 62, 80); line-height: 1.8; margin-bottom: 20px; }
.servicios-pricing-note { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 20px 30px; border-radius: 12px; margin: 30px 0px; font-size: 1.15rem; font-weight: 600; }
.servicios-timeline { position: relative; padding: 40px 0px; }
.servicios-timeline::before { content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; width: 3px; background: rgb(52, 152, 219); transform: translateX(-50%); }
.servicios-timeline-item { display: flex; align-items: center; margin-bottom: 50px; position: relative; }
.servicios-timeline-item:nth-child(2n+1) { flex-direction: row; }
.servicios-timeline-item:nth-child(2n) { flex-direction: row-reverse; }
.servicios-timeline-content { width: 45%; padding: 25px 30px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; position: relative; }
.servicios-timeline-number { width: 60px; height: 60px; background: rgb(52, 152, 219); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%); box-shadow: rgba(52, 152, 219, 0.4) 0px 4px 15px; z-index: 2; }
.servicios-timeline-content h3 { font-family: Poppins, sans-serif; font-size: 1.4rem; color: rgb(44, 62, 80); margin-bottom: 10px; font-weight: 600; }
.servicios-timeline-content p { color: rgb(84, 110, 122); font-size: 1rem; line-height: 1.6; }
.servicios-cta-final { text-align: center; }
.servicios-cta-final h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; color: rgb(255, 255, 255); margin-bottom: 20px; font-weight: 700; }
.servicios-cta-final p { font-size: 1.2rem; color: rgb(236, 240, 241); margin-bottom: 30px; line-height: 1.8; }
.servicios-contact-options { display: flex; justify-content: center; gap: 40px; margin: 30px 0px; flex-wrap: wrap; }
.servicios-contact-item { color: rgb(255, 255, 255); font-size: 1.1rem; display: flex; align-items: center; gap: 10px; }
.servicios-contact-item a { color: rgb(52, 152, 219); text-decoration: none; transition: color 0.3s; }
.servicios-contact-item a:hover { color: rgb(93, 173, 226); }
@media (max-width: 1024px) {
  .servicios-hero h1 { font-size: 2.5rem; }
  .servicios-content-grid { grid-template-columns: 1fr; gap: 40px; }
  .servicios-content-grid.reverse { direction: ltr; }
  .servicios-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .servicios-columns-2 { grid-template-columns: 1fr; }
  .servicios-timeline::before { left: 30px; }
  .servicios-timeline-item { flex-direction: row !important; }
  .servicios-timeline-content { width: calc(100% - 100px); margin-left: 100px; }
  .servicios-timeline-number { left: 30px; transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .servicios-hero { padding: 100px 20px 60px; }
  .servicios-hero h1 { font-size: 2rem; }
  .servicios-hero-subtitle { font-size: 1.1rem; }
  .servicios-overview h2, .servicios-text-content h2, .servicios-pricing h2, .servicios-cta-final h2 { font-size: 1.8rem; }
  .servicios-section { padding: 60px 20px; }
  .servicios-grid-4 { grid-template-columns: 1fr; gap: 20px; }
  .servicios-image-wrapper img { height: 300px; }
  .servicios-contact-options { flex-direction: column; gap: 20px; align-items: center; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Tratamientos */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(44, 62, 80); overflow-x: hidden; }
.tratamientos-page-hero { background: linear-gradient(135deg, rgb(52, 73, 94) 0%, rgb(44, 62, 80) 100%); color: rgb(255, 255, 255); padding: 120px 20px 80px; text-align: center; position: relative; overflow: hidden; }
.tratamientos-page-hero::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px) 0% 0% / 50px 50px; animation: 20s linear 0s infinite normal none running tratamientos-hero-pattern; z-index: 1; }
@keyframes tratamientos-hero-pattern { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(50px, 50px); }
}
.tratamientos-hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0px auto; }
.tratamientos-hero-breadcrumb { display: inline-flex; align-items: center; background: rgb(236, 240, 241); color: rgb(44, 62, 80); padding: 10px 20px; border-radius: 25px; font-size: 14px; margin-bottom: 30px; gap: 8px; }
.tratamientos-hero-breadcrumb span { opacity: 0.7; }
.tratamientos-hero-breadcrumb .breadcrumb-separator { margin: 0px 5px; }
.tratamientos-page-hero h1 { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; letter-spacing: -1px; }
.tratamientos-page-hero p { font-size: 1.3rem; font-weight: 300; max-width: 700px; margin: 0px auto; opacity: 0.95; }
.tratamientos-introduccion { background: rgb(236, 240, 241); padding: 80px 20px; }
.tratamientos-intro-container { max-width: 900px; margin: 0px auto; text-align: center; }
.tratamientos-intro-container h2 { font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 30px; font-weight: 700; }
.tratamientos-intro-container p { font-size: 1.1rem; color: rgb(44, 62, 80); margin-bottom: 20px; line-height: 1.8; }
.tratamientos-treatment-section { padding: 100px 20px; }
.tratamientos-treatment-section.bg-white { background: rgb(255, 255, 255); }
.tratamientos-treatment-section.bg-light { background: rgb(236, 240, 241); }
.tratamientos-treatment-section.bg-secondary { background: linear-gradient(135deg, rgb(52, 73, 94) 0%, rgb(44, 62, 80) 100%); color: rgb(255, 255, 255); }
.tratamientos-treatment-section.bg-highlight { background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(52, 152, 219, 0.15) 100%); }
.tratamientos-treatment-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.tratamientos-treatment-container.reverse { direction: rtl; }
.tratamientos-treatment-container.reverse > * { direction: ltr; }
.tratamientos-treatment-content h2 { font-size: 2.5rem; margin-bottom: 20px; font-weight: 700; display: flex; align-items: center; gap: 15px; }
.tratamientos-treatment-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: rgb(52, 152, 219); color: rgb(255, 255, 255); border-radius: 12px; font-size: 24px; flex-shrink: 0; }
.tratamientos-treatment-section.bg-secondary .tratamientos-treatment-icon { background: rgb(52, 152, 219); }
.tratamientos-treatment-content p { font-size: 1.1rem; margin-bottom: 25px; line-height: 1.8; }
.tratamientos-treatment-section.bg-secondary .tratamientos-treatment-content p { color: rgb(236, 240, 241); }
.tratamientos-treatment-list { list-style: none; margin-bottom: 30px; }
.tratamientos-treatment-list li { padding: 12px 0px 12px 30px; position: relative; font-size: 1.05rem; }
.tratamientos-treatment-list li::before { content: "✓"; position: absolute; left: 0px; color: rgb(52, 152, 219); font-weight: bold; font-size: 1.2rem; }
.tratamientos-treatment-section.bg-secondary .tratamientos-treatment-list li::before { color: rgb(52, 152, 219); }
.tratamientos-treatment-approach { background: rgba(52, 152, 219, 0.1); padding: 25px; border-radius: 12px; margin: 25px 0px; border-left: 4px solid rgb(52, 152, 219); }
.tratamientos-treatment-section.bg-secondary .tratamientos-treatment-approach { background: rgba(236, 240, 241, 0.1); border-left-color: rgb(52, 152, 219); }
.tratamientos-treatment-approach h3 { font-size: 1.3rem; margin-bottom: 15px; color: rgb(44, 62, 80); }
.tratamientos-treatment-section.bg-secondary .tratamientos-treatment-approach h3 { color: rgb(255, 255, 255); }
.tratamientos-treatment-approach ul { list-style: none; }
.tratamientos-treatment-approach ul li { padding: 8px 0px 8px 25px; position: relative; }
.tratamientos-treatment-approach ul li::before { content: "→"; position: absolute; left: 0px; color: rgb(52, 152, 219); }
.tratamientos-treatment-image { position: relative; border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.tratamientos-treatment-image img { width: 100%; height: 500px; object-fit: cover; display: block; transition: transform 0.4s; }
.tratamientos-treatment-image:hover img { transform: scale(1.05); }
.tratamientos-cta-button { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 16px 40px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: 0.3s; border: none; cursor: pointer; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; }
.tratamientos-cta-button:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.4) 0px 6px 20px; }
.tratamientos-treatment-section.bg-secondary .tratamientos-cta-button { background: rgb(52, 152, 219); color: rgb(255, 255, 255); }
.tratamientos-treatment-section.bg-secondary .tratamientos-cta-button:hover { background: rgb(41, 128, 185); }
.tratamientos-timeline { display: flex; justify-content: space-between; margin: 40px 0px; padding: 30px; background: rgba(52, 152, 219, 0.05); border-radius: 12px; flex-wrap: wrap; gap: 20px; }
.tratamientos-timeline-phase { flex: 1 1 0%; min-width: 200px; text-align: center; padding: 20px; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; position: relative; }
.tratamientos-timeline-phase::after { content: "→"; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: rgb(52, 152, 219); }
.tratamientos-timeline-phase:last-child::after { display: none; }
.tratamientos-timeline-phase h4 { font-size: 1.1rem; color: rgb(44, 62, 80); margin-bottom: 10px; font-weight: 600; }
.tratamientos-timeline-phase p { font-size: 0.95rem; color: rgb(127, 140, 141); }
.tratamientos-personalized { background: linear-gradient(135deg, rgb(44, 62, 80) 0%, rgb(52, 73, 94) 100%); color: rgb(255, 255, 255); padding: 100px 20px; }
.tratamientos-personalized-container { max-width: 1000px; margin: 0px auto; text-align: center; }
.tratamientos-personalized h2 { font-size: 2.8rem; margin-bottom: 30px; font-weight: 700; }
.tratamientos-personalized p { font-size: 1.2rem; margin-bottom: 25px; color: rgb(236, 240, 241); line-height: 1.8; }
.tratamientos-factors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; margin-top: 50px; }
.tratamientos-factor-card { background: rgba(236, 240, 241, 0.1); padding: 30px; border-radius: 12px; border: 1px solid rgba(236, 240, 241, 0.2); transition: 0.3s; }
.tratamientos-factor-card:hover { background: rgba(236, 240, 241, 0.15); transform: translateY(-5px); }
.tratamientos-factor-card h3 { font-size: 1.2rem; margin-bottom: 10px; color: rgb(52, 152, 219); }
.tratamientos-methodology { background: rgb(236, 240, 241); padding: 100px 20px; }
.tratamientos-methodology-container { max-width: 1000px; margin: 0px auto; }
.tratamientos-methodology h2 { font-size: 2.5rem; text-align: center; margin-bottom: 50px; color: rgb(44, 62, 80); font-weight: 700; }
.tratamientos-methodology-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.tratamientos-methodology-card { background: rgb(255, 255, 255); padding: 35px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; transition: 0.3s; border-top: 4px solid rgb(52, 152, 219); }
.tratamientos-methodology-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 25px; }
.tratamientos-methodology-card h3 { font-size: 1.3rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 600; }
.tratamientos-methodology-card p { color: rgb(127, 140, 141); line-height: 1.7; }
.tratamientos-duration { background: rgb(255, 255, 255); padding: 100px 20px; }
.tratamientos-duration-container { max-width: 1000px; margin: 0px auto; }
.tratamientos-duration h2 { font-size: 2.5rem; text-align: center; margin-bottom: 30px; color: rgb(44, 62, 80); font-weight: 700; }
.tratamientos-duration-intro { text-align: center; font-size: 1.1rem; color: rgb(127, 140, 141); margin-bottom: 50px; max-width: 700px; margin-left: auto; margin-right: auto; }
.tratamientos-duration-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.tratamientos-duration-card { background: linear-gradient(135deg, rgb(236, 240, 241) 0%, rgb(255, 255, 255) 100%); padding: 35px; border-radius: 12px; border: 2px solid rgb(236, 240, 241); transition: 0.3s; }
.tratamientos-duration-card:hover { border-color: rgb(52, 152, 219); transform: translateY(-3px); }
.tratamientos-duration-card h3 { font-size: 1.3rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 600; }
.tratamientos-duration-card p { color: rgb(127, 140, 141); margin-bottom: 10px; line-height: 1.7; }
.tratamientos-final-cta { background: linear-gradient(135deg, rgb(52, 152, 219) 0%, rgb(41, 128, 185) 100%); color: rgb(255, 255, 255); padding: 100px 20px; text-align: center; }
.tratamientos-final-cta-container { max-width: 800px; margin: 0px auto; }
.tratamientos-final-cta h2 { font-size: 3rem; margin-bottom: 20px; font-weight: 700; }
.tratamientos-final-cta .subtitle { font-size: 1.4rem; margin-bottom: 40px; opacity: 0.95; font-weight: 300; }
.tratamientos-contact-info { display: flex; justify-content: center; gap: 40px; margin: 40px 0px; flex-wrap: wrap; }
.tratamientos-contact-item { display: flex; align-items: center; gap: 10px; font-size: 1.2rem; }
.tratamientos-contact-item i { font-size: 1.5rem; }
.tratamientos-final-cta .tratamientos-cta-button { background: rgb(255, 255, 255); color: rgb(52, 152, 219); font-size: 1.2rem; padding: 18px 50px; margin-bottom: 20px; }
.tratamientos-final-cta .tratamientos-cta-button:hover { background: rgb(236, 240, 241); color: rgb(41, 128, 185); }
.tratamientos-final-cta .secondary-text { font-size: 1rem; opacity: 0.9; margin-top: 20px; }
@media (max-width: 968px) {
  .tratamientos-treatment-container { grid-template-columns: 1fr; gap: 40px; }
  .tratamientos-treatment-container.reverse { direction: ltr; }
  .tratamientos-page-hero h1 { font-size: 2.5rem; }
  .tratamientos-page-hero p { font-size: 1.1rem; }
  .tratamientos-treatment-content h2 { font-size: 2rem; }
  .tratamientos-timeline { flex-direction: column; }
  .tratamientos-timeline-phase::after { display: none; }
  .tratamientos-timeline-phase { min-width: 100%; }
  .tratamientos-factors-grid { grid-template-columns: 1fr; }
  .tratamientos-methodology-grid { grid-template-columns: 1fr; }
  .tratamientos-duration-grid { grid-template-columns: 1fr; }
  .tratamientos-final-cta h2 { font-size: 2.2rem; }
  .tratamientos-final-cta .subtitle { font-size: 1.1rem; }
  .tratamientos-contact-info { flex-direction: column; gap: 20px; }
}
@media (max-width: 576px) {
  .tratamientos-page-hero { padding: 80px 15px 60px; }
  .tratamientos-page-hero h1 { font-size: 2rem; }
  .tratamientos-page-hero p { font-size: 1rem; }
  .tratamientos-treatment-section { padding: 60px 15px; }
  .tratamientos-treatment-content h2 { font-size: 1.6rem; flex-direction: column; text-align: center; }
  .tratamientos-treatment-icon { margin: 0px auto 15px; }
  .tratamientos-introduccion { padding: 60px 15px; }
  .tratamientos-intro-container h2 { font-size: 1.8rem; }
  .tratamientos-personalized { padding: 60px 15px; }
  .tratamientos-personalized h2 { font-size: 2rem; }
  .tratamientos-methodology { padding: 60px 15px; }
  .tratamientos-methodology h2 { font-size: 1.8rem; }
  .tratamientos-duration { padding: 60px 15px; }
  .tratamientos-duration h2 { font-size: 1.8rem; }
  .tratamientos-final-cta { padding: 60px 15px; }
  .tratamientos-final-cta h2 { font-size: 1.8rem; }
  .tratamientos-cta-button { padding: 14px 30px; font-size: 1rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Atención A Domicilio */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(44, 62, 80); overflow-x: hidden; }
.atencion-domicilio-page { width: 100%; overflow-x: hidden; }
.hero-atencion { background: linear-gradient(135deg, rgb(44, 62, 80) 0%, rgb(52, 73, 94) 100%); color: rgb(255, 255, 255); padding: 120px 20px 80px; position: relative; overflow: hidden; }
.hero-atencion::before { content: ""; position: absolute; inset: 0px; background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"rgba(255,255,255,0.05)\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") center bottom / cover; opacity: 0.3; pointer-events: none; }
.hero-atencion-container { max-width: 1200px; margin: 0px auto; position: relative; z-index: 2; }
.hero-breadcrumb { background: rgb(236, 240, 241); color: rgb(44, 62, 80); display: inline-flex; padding: 8px 16px; border-radius: 20px; font-size: 14px; margin-bottom: 24px; }
.hero-breadcrumb a { color: rgb(44, 62, 80); text-decoration: none; margin: 0px 5px; }
.hero-breadcrumb a:hover { text-decoration: underline; }
.hero-breadcrumb span { margin: 0px 5px; }
.hero-atencion h1 { font-size: 56px; font-weight: 800; margin-bottom: 20px; line-height: 1.2; }
.hero-atencion-subtitle { font-size: 24px; font-weight: 300; margin-bottom: 40px; opacity: 0.95; }
.hero-image-overlay { margin-top: 40px; text-align: center; }
.hero-image-overlay img { max-width: 600px; width: 100%; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 60px; }
.intro-atencion { background: rgb(236, 240, 241); padding: 80px 20px; }
.intro-atencion-container { max-width: 900px; margin: 0px auto; text-align: center; }
.intro-atencion p { font-size: 18px; color: rgb(44, 62, 80); margin-bottom: 24px; line-height: 1.8; }
.intro-key-statement { font-size: 28px; font-weight: 700; color: rgb(44, 62, 80); margin: 40px 0px; font-style: italic; position: relative; padding: 0px 40px; }
.intro-key-statement::before, .intro-key-statement::after { content: "\""; font-size: 48px; color: rgb(52, 152, 219); position: absolute; }
.intro-key-statement::before { left: 0px; top: -10px; }
.intro-key-statement::after { right: 0px; bottom: -20px; }
.que-es-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.que-es-container { max-width: 1200px; margin: 0px auto; }
.que-es-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.que-es-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.que-es-text { color: rgb(44, 62, 80); }
.que-es-text p { font-size: 18px; margin-bottom: 20px; line-height: 1.8; }
.que-es-list { list-style: none; margin-top: 30px; }
.que-es-list li { padding: 16px 0px 16px 50px; position: relative; font-size: 17px; color: rgb(44, 62, 80); border-bottom: 1px solid rgb(236, 240, 241); }
.que-es-list li::before { content: "✓"; position: absolute; left: 10px; color: rgb(52, 152, 219); font-weight: 700; font-size: 24px; }
.que-es-visual img { width: 100%; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.beneficios-section { background: rgb(52, 73, 94); padding: 80px 20px; }
.beneficios-container { max-width: 1200px; margin: 0px auto; }
.beneficios-section h2 { font-size: 42px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 60px; text-align: center; }
.beneficios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.beneficio-card { background: rgb(255, 255, 255); padding: 32px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 30px; transition: transform 0.3s, box-shadow 0.3s; }
.beneficio-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 40px; }
.beneficio-icon { width: 60px; height: 60px; background: rgb(52, 152, 219); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px; color: rgb(255, 255, 255); }
.beneficio-card h3 { font-size: 20px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 12px; }
.beneficio-card p { font-size: 15px; color: rgb(52, 73, 94); line-height: 1.6; }
.quienes-benefician-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.quienes-container { max-width: 1200px; margin: 0px auto; }
.quienes-benefician-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.quienes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.quienes-item { background: rgb(255, 255, 255); padding: 28px; border-radius: 10px; border-left: 4px solid rgb(52, 152, 219); transition: 0.3s; }
.quienes-item:hover { transform: translateX(8px); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; }
.quienes-item-header { display: flex; align-items: center; margin-bottom: 12px; }
.quienes-icon { width: 50px; height: 50px; background: rgb(52, 152, 219); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 16px; font-size: 24px; color: rgb(255, 255, 255); }
.quienes-item h3 { font-size: 18px; font-weight: 700; color: rgb(44, 62, 80); }
.quienes-item p { font-size: 15px; color: rgb(52, 73, 94); line-height: 1.6; }
.como-funciona-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.como-funciona-container { max-width: 1200px; margin: 0px auto; }
.como-funciona-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.proceso-timeline { position: relative; padding-left: 60px; }
.proceso-timeline::before { content: ""; position: absolute; left: 20px; top: 0px; bottom: 0px; width: 3px; background: linear-gradient(rgb(52, 152, 219) 0%, rgb(44, 62, 80) 100%); }
.proceso-step { position: relative; margin-bottom: 50px; }
.proceso-step-number { position: absolute; left: -60px; width: 40px; height: 40px; background: rgb(52, 152, 219); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; box-shadow: rgba(52, 152, 219, 0.4) 0px 4px 12px; z-index: 2; }
.proceso-step-content { background: rgb(236, 240, 241); padding: 28px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.proceso-step-content h3 { font-size: 24px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 16px; }
.proceso-step-content p { font-size: 16px; color: rgb(52, 73, 94); line-height: 1.7; margin-bottom: 12px; }
.proceso-step-content ul { list-style: none; margin-top: 12px; padding-left: 20px; }
.proceso-step-content ul li { padding: 8px 0px 8px 20px; color: rgb(44, 62, 80); position: relative; }
.proceso-step-content ul li::before { content: "→"; position: absolute; left: 0px; color: rgb(52, 152, 219); font-weight: 700; }
.primera-visita-section { background: rgba(52, 152, 219, 0.1); padding: 80px 20px; }
.primera-visita-container { max-width: 1200px; margin: 0px auto; }
.primera-visita-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.primera-visita-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.primera-visita-info { background: rgb(255, 255, 255); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; }
.primera-visita-info h3 { font-size: 26px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 20px; border-bottom: 3px solid rgb(52, 152, 219); padding-bottom: 10px; }
.primera-visita-info p { font-size: 16px; color: rgb(52, 73, 94); line-height: 1.7; margin-bottom: 16px; }
.primera-visita-info ul { list-style: none; margin: 16px 0px; }
.primera-visita-info ul li { padding: 10px 0px 10px 30px; position: relative; color: rgb(44, 62, 80); font-size: 16px; }
.primera-visita-info ul li::before { content: "✓"; position: absolute; left: 0px; color: rgb(52, 152, 219); font-weight: 700; font-size: 20px; }
.primera-visita-duration { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 16px; border-radius: 8px; text-align: center; font-size: 18px; font-weight: 700; margin: 20px 0px; }
.primera-visita-image img { width: 100%; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px; }
.equipamiento-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.equipamiento-container { max-width: 1200px; margin: 0px auto; }
.equipamiento-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.equipamiento-intro { text-align: center; font-size: 18px; color: rgb(52, 73, 94); margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; }
.equipamiento-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 50px; }
.equipamiento-item { background: rgb(236, 240, 241); padding: 24px; border-radius: 10px; text-align: center; transition: 0.3s; }
.equipamiento-item:hover { background: rgb(52, 152, 219); color: rgb(255, 255, 255); transform: scale(1.05); }
.equipamiento-item-icon { font-size: 48px; margin-bottom: 16px; }
.equipamiento-item h4 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.equipamiento-statement { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 30px; border-radius: 12px; text-align: center; font-size: 24px; font-weight: 700; margin-top: 40px; }
.equipamiento-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px; }
.equipamiento-gallery img { width: 100%; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transition: transform 0.3s; }
.equipamiento-gallery img:hover { transform: scale(1.05); }
.areas-cobertura-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.areas-container { max-width: 1200px; margin: 0px auto; }
.areas-cobertura-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.areas-intro { text-align: center; font-size: 20px; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 600; }
.areas-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.areas-list { background: rgb(255, 255, 255); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; }
.areas-list ul { list-style: none; }
.areas-list ul li { padding: 14px 0px 14px 40px; position: relative; color: rgb(44, 62, 80); font-size: 17px; border-bottom: 1px solid rgb(236, 240, 241); }
.areas-list ul li::before { content: "📍"; position: absolute; left: 0px; font-size: 20px; }
.areas-map { background: rgb(255, 255, 255); padding: 20px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; text-align: center; }
.areas-map img { width: 100%; border-radius: 8px; }
.areas-contact-prompt { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 30px; border-radius: 12px; text-align: center; margin-top: 40px; }
.areas-contact-prompt p { font-size: 18px; margin-bottom: 16px; }
.areas-contact-prompt strong { font-size: 20px; display: block; margin-top: 10px; }
.horarios-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.horarios-container { max-width: 1000px; margin: 0px auto; }
.horarios-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.horarios-intro { text-align: center; font-size: 18px; color: rgb(52, 73, 94); margin-bottom: 50px; }
.horarios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 40px; }
.horario-card { background: linear-gradient(135deg, rgb(52, 152, 219) 0%, rgb(44, 62, 80) 100%); color: rgb(255, 255, 255); padding: 32px; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 30px; transition: transform 0.3s; }
.horario-card:hover { transform: translateY(-8px); }
.horario-card-icon { font-size: 48px; margin-bottom: 16px; }
.horario-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.horario-card p { font-size: 18px; font-weight: 300; }
.horarios-info { background: rgb(236, 240, 241); padding: 32px; border-radius: 12px; }
.horarios-info-item { padding: 16px 0px; border-bottom: 1px solid rgb(255, 255, 255); }
.horarios-info-item:last-child { border-bottom: none; }
.horarios-info-item h4 { font-size: 18px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 8px; }
.horarios-info-item p { font-size: 16px; color: rgb(52, 73, 94); line-height: 1.6; }
.duracion-frecuencia-section { background: rgb(52, 73, 94); padding: 80px 20px; }
.duracion-container { max-width: 1200px; margin: 0px auto; }
.duracion-frecuencia-section h2 { font-size: 42px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 60px; text-align: center; }
.duracion-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.duracion-card { background: rgb(255, 255, 255); padding: 36px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 30px; }
.duracion-card h3 { font-size: 24px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid rgb(52, 152, 219); }
.duracion-card p { font-size: 16px; color: rgb(52, 73, 94); line-height: 1.7; margin-bottom: 12px; }
.duracion-card ul { list-style: none; margin-top: 16px; }
.duracion-card ul li { padding: 10px 0px 10px 30px; position: relative; color: rgb(44, 62, 80); font-size: 16px; }
.duracion-card ul li::before { content: "•"; position: absolute; left: 10px; color: rgb(52, 152, 219); font-size: 24px; font-weight: 700; }
.seguridad-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.seguridad-container { max-width: 1200px; margin: 0px auto; }
.seguridad-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.seguridad-intro { text-align: center; font-size: 18px; color: rgb(52, 73, 94); margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; }
.seguridad-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; }
.seguridad-item { background: rgb(236, 240, 241); padding: 28px; border-radius: 10px; text-align: center; transition: 0.3s; }
.seguridad-item:hover { background: rgb(52, 152, 219); color: rgb(255, 255, 255); transform: translateY(-5px); }
.seguridad-item-icon { font-size: 52px; margin-bottom: 16px; }
.seguridad-item h4 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.seguridad-compliance { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 30px; border-radius: 12px; text-align: center; font-size: 18px; line-height: 1.8; }
.coordinacion-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.coordinacion-container { max-width: 1200px; margin: 0px auto; }
.coordinacion-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.coordinacion-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.coordinacion-text { }
.coordinacion-text p { font-size: 17px; color: rgb(44, 62, 80); line-height: 1.8; margin-bottom: 20px; }
.coordinacion-benefits { background: rgb(255, 255, 255); padding: 32px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; }
.coordinacion-benefits h3 { font-size: 24px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 20px; }
.coordinacion-benefits ul { list-style: none; }
.coordinacion-benefits ul li { padding: 14px 0px 14px 40px; position: relative; color: rgb(44, 62, 80); font-size: 16px; border-bottom: 1px solid rgb(236, 240, 241); }
.coordinacion-benefits ul li::before { content: "👥"; position: absolute; left: 0px; font-size: 24px; }
.coordinacion-image img { width: 100%; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px; }
.ventajas-vs-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.ventajas-container { max-width: 1200px; margin: 0px auto; }
.ventajas-vs-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.comparison-table { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 40px; }
.comparison-column { background: rgb(236, 240, 241); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px; }
.comparison-column.highlight { background: linear-gradient(135deg, rgb(52, 152, 219) 0%, rgb(44, 62, 80) 100%); color: rgb(255, 255, 255); }
.comparison-column h3 { font-size: 28px; font-weight: 700; margin-bottom: 24px; text-align: center; }
.comparison-column ul { list-style: none; }
.comparison-column ul li { padding: 14px 0px 14px 35px; position: relative; font-size: 16px; line-height: 1.6; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.comparison-column ul li::before { content: "✓"; position: absolute; left: 0px; font-weight: 700; font-size: 20px; }
.comparison-column:not(.highlight) ul li { color: rgb(44, 62, 80); }
.comparison-column:not(.highlight) ul li::before { color: rgb(52, 152, 219); }
.comparison-column.highlight ul li::before { color: rgb(255, 255, 255); }
.comparison-note { text-align: center; font-size: 17px; color: rgb(52, 73, 94); font-style: italic; margin-top: 30px; }
.casos-exito-section { background: rgba(52, 152, 219, 0.08); padding: 80px 20px; }
.casos-container { max-width: 1200px; margin: 0px auto; }
.casos-exito-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.casos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.caso-card { background: rgb(255, 255, 255); padding: 32px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; transition: transform 0.3s, box-shadow 0.3s; }
.caso-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 40px; }
.caso-card-header { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 16px; border-radius: 8px; margin-bottom: 20px; text-align: center; font-weight: 700; font-size: 18px; }
.caso-card h4 { font-size: 16px; font-weight: 700; color: rgb(52, 152, 219); margin-bottom: 8px; margin-top: 16px; }
.caso-card p { font-size: 15px; color: rgb(52, 73, 94); line-height: 1.7; margin-bottom: 12px; }
.caso-card-outcome { background: rgb(236, 240, 241); padding: 16px; border-radius: 8px; margin-top: 16px; font-weight: 600; color: rgb(44, 62, 80); }
.faq-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.faq-container { max-width: 900px; margin: 0px auto; }
.faq-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.faq-item { margin-bottom: 16px; border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.faq-question { background: rgb(236, 240, 241); padding: 24px; cursor: pointer; font-size: 18px; font-weight: 700; color: rgb(44, 62, 80); position: relative; transition: 0.3s; }
.faq-question:hover { background: rgb(52, 152, 219); color: rgb(255, 255, 255); }
.faq-question::after { content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 28px; font-weight: 700; transition: transform 0.3s; }
.faq-question.active { background: rgb(44, 62, 80); color: rgb(255, 255, 255); }
.faq-question.active::after { content: "−"; transform: translateY(-50%) rotate(180deg); }
.faq-answer { max-height: 0px; overflow: hidden; background: rgb(255, 255, 255); transition: max-height 0.3s, padding 0.3s; }
.faq-answer.active { max-height: 500px; padding: 24px; border-top: 2px solid rgb(52, 152, 219); }
.faq-answer p { font-size: 16px; color: rgb(52, 73, 94); line-height: 1.8; }
.preparacion-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.preparacion-container { max-width: 1000px; margin: 0px auto; }
.preparacion-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 60px; text-align: center; }
.preparacion-checklist { background: rgb(255, 255, 255); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; }
.preparacion-checklist-item { padding: 20px; margin-bottom: 16px; border-left: 4px solid rgb(52, 152, 219); background: rgb(236, 240, 241); border-radius: 6px; display: flex; align-items: center; transition: 0.3s; }
.preparacion-checklist-item:hover { transform: translateX(10px); background: rgb(52, 152, 219); color: rgb(255, 255, 255); }
.preparacion-checklist-icon { font-size: 32px; margin-right: 20px; }
.preparacion-checklist-text { flex: 1 1 0%; }
.preparacion-checklist-text h4 { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.preparacion-checklist-text p { font-size: 15px; line-height: 1.6; }
.preparacion-download { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 24px; border-radius: 8px; text-align: center; margin-top: 30px; }
.preparacion-download-btn { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 14px 32px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 16px; margin-top: 12px; transition: background 0.3s; }
.preparacion-download-btn:hover { background: rgb(41, 128, 185); }
.costo-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.costo-container { max-width: 1200px; margin: 0px auto; }
.costo-section h2 { font-size: 42px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 40px; text-align: center; }
.costo-intro { text-align: center; font-size: 18px; color: rgb(52, 73, 94); margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; }
.costo-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.costo-box { background: rgb(236, 240, 241); padding: 36px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px; }
.costo-box h3 { font-size: 26px; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid rgb(52, 152, 219); }
.costo-box ul { list-style: none; }
.costo-box ul li { padding: 12px 0px 12px 30px; position: relative; color: rgb(44, 62, 80); font-size: 16px; line-height: 1.6; }
.costo-box ul li::before { content: "💰"; position: absolute; left: 0px; font-size: 18px; }
.costo-highlight { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 30px; border-radius: 12px; text-align: center; margin-bottom: 30px; }
.costo-highlight p { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.costo-cta-box { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 32px; border-radius: 12px; text-align: center; }
.costo-cta-box p { font-size: 18px; margin-bottom: 16px; }
.costo-cta-btn { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 16px 40px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 18px; margin-top: 12px; transition: 0.3s; }
.costo-cta-btn:hover { background: rgb(41, 128, 185); transform: scale(1.05); }
.cta-final-section { background: rgb(44, 62, 80); padding: 100px 20px; text-align: center; }
.cta-final-container { max-width: 900px; margin: 0px auto; }
.cta-final-section h2 { font-size: 48px; font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 20px; }
.cta-final-section h3 { font-size: 24px; font-weight: 300; color: rgb(236, 240, 241); margin-bottom: 50px; }
.cta-contact-info { margin: 40px 0px; }
.cta-contact-item { display: inline-block; margin: 12px 20px; }
.cta-contact-link { color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; text-decoration: none; transition: color 0.3s; }
.cta-contact-link:hover { color: rgb(52, 152, 219); }
.cta-whatsapp-btn { display: inline-block; background: rgb(37, 211, 102); color: rgb(255, 255, 255); padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 18px; margin: 12px; transition: 0.3s; }
.cta-whatsapp-btn:hover { background: rgb(30, 190, 87); transform: scale(1.05); }
.cta-main-btn { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 20px 50px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 22px; margin: 30px 0px; transition: 0.3s; box-shadow: rgba(52, 152, 219, 0.4) 0px 8px 30px; }
.cta-main-btn:hover { background: rgb(41, 128, 185); transform: translateY(-4px); box-shadow: rgba(52, 152, 219, 0.6) 0px 12px 40px; }
.cta-secondary-text { font-size: 16px; color: rgb(236, 240, 241); margin: 20px 0px; }
.cta-badge { display: inline-block; background: rgb(39, 174, 96); color: rgb(255, 255, 255); padding: 12px 24px; border-radius: 30px; font-weight: 700; font-size: 16px; margin-top: 20px; }
@media (max-width: 768px) {
  .hero-atencion h1 { font-size: 36px; }
  .hero-atencion-subtitle { font-size: 18px; }
  .que-es-content, .areas-content, .coordinacion-content, .comparison-table, .costo-content, .primera-visita-content { grid-template-columns: 1fr; }
  .beneficios-grid, .quienes-grid, .duracion-content, .seguridad-grid, .casos-grid, .equipamiento-grid { grid-template-columns: 1fr; }
  .proceso-timeline { padding-left: 40px; }
  .proceso-step-number { left: -40px; width: 30px; height: 30px; font-size: 14px; }
  .horarios-grid { grid-template-columns: 1fr; }
  .faq-question { font-size: 16px; padding: 18px; }
  .cta-final-section h2 { font-size: 32px; }
  .cta-contact-link { font-size: 18px; }
  .cta-main-btn { padding: 16px 32px; font-size: 18px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Contacto */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(44, 62, 80); overflow-x: hidden; }
.contacto-page-hero { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 80px 20px 60px; text-align: center; position: relative; }
.contacto-page-hero h1 { font-size: 3rem; font-weight: 700; margin-bottom: 15px; }
.contacto-page-hero p { font-size: 1.2rem; margin-bottom: 25px; font-weight: 300; }
.contacto-breadcrumb { display: inline-flex; align-items: center; background: rgb(236, 240, 241); padding: 10px 25px; border-radius: 30px; gap: 10px; color: rgb(44, 62, 80); font-size: 0.95rem; }
.contacto-breadcrumb span { opacity: 0.7; }
.contacto-formas-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.contacto-formas-container { max-width: 1200px; margin: 0px auto; }
.contacto-formas-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.contacto-card { background: rgb(255, 255, 255); padding: 40px 30px; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; border: 3px solid transparent; transition: 0.3s; }
.contacto-card:hover { transform: translateY(-5px); border-color: rgb(52, 152, 219); box-shadow: rgba(52, 152, 219, 0.2) 0px 8px 25px; }
.contacto-card-icon { font-size: 3.5rem; color: rgb(52, 152, 219); margin-bottom: 20px; }
.contacto-card h3 { font-size: 1.5rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 600; }
.contacto-card-number { font-size: 1.8rem; color: rgb(52, 152, 219); font-weight: 700; margin: 15px 0px; text-decoration: none; display: block; }
.contacto-card-number:hover { color: rgb(41, 128, 185); }
.contacto-card-text { color: rgb(44, 62, 80); font-size: 1rem; margin: 10px 0px; }
.contacto-card-hours { color: rgb(127, 140, 141); font-size: 0.9rem; margin-top: 15px; }
.contacto-formulario-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contacto-formulario-container { max-width: 800px; margin: 0px auto; }
.contacto-formulario-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 700; }
.contacto-formulario-subtitle { text-align: center; color: rgb(127, 140, 141); font-size: 1.1rem; margin-bottom: 40px; }
.contacto-form { display: flex; flex-direction: column; gap: 25px; }
.contacto-form-group { display: flex; flex-direction: column; }
.contacto-form-group label { color: rgb(44, 62, 80); font-weight: 600; margin-bottom: 8px; font-size: 0.95rem; }
.contacto-form-group input, .contacto-form-group select, .contacto-form-group textarea { padding: 15px; border: 2px solid rgb(127, 140, 141); border-radius: 8px; font-size: 1rem; font-family: Inter, sans-serif; transition: border-color 0.3s; background: rgb(255, 255, 255); color: rgb(44, 62, 80); }
.contacto-form-group input:focus, .contacto-form-group select:focus, .contacto-form-group textarea:focus { outline: none; border-color: rgb(52, 152, 219); }
.contacto-form-group textarea { min-height: 150px; resize: vertical; }
.contacto-radio-group { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 10px; }
.contacto-radio-label { display: flex; align-items: center; gap: 8px; color: rgb(44, 62, 80); cursor: pointer; }
.contacto-radio-label input[type="radio"] { width: 18px; height: 18px; cursor: pointer; accent-color: rgb(52, 152, 219); }
.contacto-privacy-notice { font-size: 0.85rem; color: rgb(127, 140, 141); padding: 15px; background: rgb(236, 240, 241); border-radius: 8px; margin-top: 10px; }
.contacto-submit-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 18px 40px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; }
.contacto-submit-btn:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.3) 0px 5px 15px; }
.contacto-agendar-section { background: rgb(52, 73, 94); color: rgb(255, 255, 255); padding: 80px 20px; text-align: center; }
.contacto-agendar-container { max-width: 900px; margin: 0px auto; }
.contacto-agendar-section h2 { font-size: 2.5rem; margin-bottom: 15px; font-weight: 700; }
.contacto-agendar-section .destacado { color: rgb(236, 240, 241); font-size: 1.3rem; margin-bottom: 30px; font-weight: 600; }
.contacto-agendar-options { display: flex; justify-content: center; gap: 20px; margin: 30px 0px; flex-wrap: wrap; }
.contacto-agendar-option { color: rgb(236, 240, 241); font-size: 1rem; padding: 10px 20px; background: rgba(236, 240, 241, 0.1); border-radius: 8px; }
.contacto-agendar-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 20px 50px; border: none; border-radius: 8px; font-size: 1.3rem; font-weight: 700; cursor: pointer; margin-top: 20px; transition: 0.3s; display: inline-block; text-decoration: none; }
.contacto-agendar-btn:hover { background: rgb(41, 128, 185); transform: scale(1.05); }
.contacto-agendar-note { color: rgb(236, 240, 241); margin-top: 25px; font-size: 0.95rem; }
.contacto-ubicacion-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.contacto-ubicacion-container { max-width: 1200px; margin: 0px auto; }
.contacto-ubicacion-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 20px; font-weight: 700; }
.contacto-ubicacion-note { text-align: center; color: rgb(52, 152, 219); font-size: 1.2rem; margin-bottom: 40px; font-weight: 600; }
.contacto-ubicacion-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.contacto-ubicacion-info h3 { color: rgb(44, 62, 80); font-size: 1.5rem; margin-bottom: 20px; }
.contacto-ubicacion-info p { color: rgb(44, 62, 80); margin-bottom: 15px; line-height: 1.8; }
.contacto-ubicacion-list { list-style: none; margin-top: 20px; }
.contacto-ubicacion-list li { color: rgb(44, 62, 80); padding: 10px 0px; border-bottom: 1px solid rgb(189, 195, 199); font-size: 1rem; }
.contacto-ubicacion-list li::before { content: "✓"; color: rgb(52, 152, 219); font-weight: bold; margin-right: 10px; }
.contacto-map-container { background: rgb(255, 255, 255); padding: 20px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; min-height: 400px; display: flex; align-items: center; justify-content: center; position: relative; }
.contacto-map-placeholder { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.contacto-horarios-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contacto-horarios-container { max-width: 1000px; margin: 0px auto; }
.contacto-horarios-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-horarios-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.contacto-horarios-card { background: rgb(236, 240, 241); padding: 35px; border-radius: 12px; border-left: 5px solid rgb(52, 152, 219); }
.contacto-horarios-card h3 { color: rgb(44, 62, 80); font-size: 1.5rem; margin-bottom: 20px; font-weight: 600; }
.contacto-horarios-item { display: flex; justify-content: space-between; padding: 12px 0px; border-bottom: 1px solid rgb(189, 195, 199); color: rgb(44, 62, 80); }
.contacto-horarios-item:last-child { border-bottom: none; }
.contacto-horarios-day { font-weight: 600; }
.contacto-horarios-time { color: rgb(127, 140, 141); }
.contacto-horarios-note { margin-top: 30px; padding: 20px; background: rgb(52, 152, 219); color: rgb(255, 255, 255); border-radius: 8px; text-align: center; }
.contacto-datos-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.contacto-datos-container { max-width: 1000px; margin: 0px auto; }
.contacto-datos-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-datos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.contacto-dato-item { background: rgb(255, 255, 255); padding: 25px; border-radius: 12px; display: flex; align-items: center; gap: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; transition: 0.3s; cursor: pointer; position: relative; }
.contacto-dato-item:hover { transform: translateX(5px); box-shadow: rgba(52, 152, 219, 0.2) 0px 6px 20px; }
.contacto-dato-icon { font-size: 2rem; color: rgb(52, 152, 219); min-width: 40px; }
.contacto-dato-info { flex: 1 1 0%; }
.contacto-dato-label { font-size: 0.85rem; color: rgb(127, 140, 141); margin-bottom: 5px; }
.contacto-dato-value { color: rgb(44, 62, 80); font-size: 1.1rem; font-weight: 600; word-break: break-all; }
.contacto-dato-item:hover::after { content: "Copiar"; position: absolute; right: 20px; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 5px; font-size: 0.8rem; }
.contacto-faq-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contacto-faq-container { max-width: 900px; margin: 0px auto; }
.contacto-faq-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-faq-item { margin-bottom: 20px; border: 2px solid rgb(236, 240, 241); border-radius: 12px; overflow: hidden; }
.contacto-faq-question { background: rgb(236, 240, 241); padding: 20px 25px; color: rgb(44, 62, 80); font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
.contacto-faq-question:hover { background: rgb(221, 228, 230); }
.contacto-faq-question::after { content: "+"; font-size: 1.5rem; color: rgb(52, 152, 219); transition: transform 0.3s; }
.contacto-faq-question.active::after { transform: rotate(45deg); }
.contacto-faq-answer { padding: 0px 25px; max-height: 0px; overflow: hidden; transition: 0.3s; background: rgb(255, 255, 255); color: rgb(44, 62, 80); }
.contacto-faq-answer.active { padding: 20px 25px; max-height: 500px; }
.contacto-redes-section { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 80px 20px; text-align: center; }
.contacto-redes-container { max-width: 1000px; margin: 0px auto; }
.contacto-redes-section h2 { font-size: 2.5rem; margin-bottom: 20px; font-weight: 700; }
.contacto-redes-text { font-size: 1.1rem; margin-bottom: 40px; opacity: 0.95; }
.contacto-redes-icons { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.contacto-red-icon { width: 80px; height: 80px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: rgb(255, 255, 255); text-decoration: none; transition: 0.3s; }
.contacto-red-icon:hover { background: rgb(255, 255, 255); color: rgb(52, 152, 219); transform: scale(1.15); }
.contacto-info-especifica-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contacto-info-container { max-width: 1000px; margin: 0px auto; }
.contacto-info-especifica-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-info-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.contacto-info-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 20px 30px; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-align: center; text-decoration: none; display: block; }
.contacto-info-btn:hover { background: rgb(41, 128, 185); transform: translateY(-3px); box-shadow: rgba(52, 152, 219, 0.3) 0px 5px 15px; }
.contacto-emergencias-section { background: rgb(52, 73, 94); padding: 60px 20px; border-top: 5px solid rgb(231, 76, 60); }
.contacto-emergencias-container { max-width: 900px; margin: 0px auto; }
.contacto-emergencias-section h2 { text-align: center; font-size: 2.2rem; color: rgb(255, 255, 255); margin-bottom: 30px; font-weight: 700; }
.contacto-emergencias-box { background: rgba(231, 76, 60, 0.15); border: 3px solid rgb(231, 76, 60); border-radius: 12px; padding: 35px; color: rgb(255, 255, 255); }
.contacto-emergencias-item { margin: 15px 0px; font-size: 1.1rem; display: flex; align-items: center; gap: 15px; }
.contacto-emergencias-item::before { content: "⚠"; font-size: 1.5rem; color: rgb(231, 76, 60); }
.contacto-emergencias-numero { color: rgb(255, 255, 255); font-size: 1.5rem; font-weight: 700; }
.contacto-emergencias-definition { margin-top: 25px; padding-top: 25px; border-top: 2px solid rgba(255, 255, 255, 0.2); font-size: 0.95rem; color: rgb(236, 240, 241); }
.contacto-testimonios-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.contacto-testimonios-container { max-width: 1200px; margin: 0px auto; }
.contacto-testimonios-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-testimonios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.contacto-testimonio-card { background: rgb(255, 255, 255); padding: 35px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; position: relative; }
.contacto-testimonio-card::before { content: "❝"; position: absolute; top: 15px; left: 20px; font-size: 4rem; color: rgb(52, 152, 219); opacity: 0.3; }
.contacto-testimonio-text { color: rgb(44, 62, 80); font-size: 1rem; line-height: 1.8; margin-bottom: 20px; position: relative; z-index: 1; }
.contacto-testimonio-autor { color: rgb(52, 152, 219); font-weight: 600; font-size: 0.95rem; }
.contacto-privacidad-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contacto-privacidad-container { max-width: 900px; margin: 0px auto; text-align: center; }
.contacto-privacidad-section h2 { font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 30px; font-weight: 700; }
.contacto-privacidad-content { background: rgb(236, 240, 241); padding: 35px; border-radius: 12px; text-align: left; }
.contacto-privacidad-content p { color: rgb(44, 62, 80); margin-bottom: 15px; line-height: 1.8; }
.contacto-privacidad-list { list-style: none; margin: 20px 0px; }
.contacto-privacidad-list li { color: rgb(44, 62, 80); padding: 10px 0px 10px 30px; position: relative; }
.contacto-privacidad-list li::before { content: "🔒"; position: absolute; left: 0px; }
.contacto-privacidad-link { display: inline-block; margin-top: 20px; color: rgb(52, 152, 219); text-decoration: none; font-weight: 600; transition: color 0.3s; }
.contacto-privacidad-link:hover { color: rgb(41, 128, 185); text-decoration: underline; }
.contacto-mapa-cobertura-section { background: rgb(236, 240, 241); padding: 80px 20px; }
.contacto-mapa-container { max-width: 1200px; margin: 0px auto; }
.contacto-mapa-cobertura-section h2 { text-align: center; font-size: 2.5rem; color: rgb(44, 62, 80); margin-bottom: 50px; font-weight: 700; }
.contacto-mapa-visual { background: rgb(255, 255, 255); padding: 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; margin-bottom: 30px; min-height: 500px; display: flex; align-items: center; justify-content: center; position: relative; }
.contacto-mapa-img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.contacto-mapa-legend { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 30px; }
.contacto-legend-item { display: flex; align-items: center; gap: 10px; }
.contacto-legend-color { width: 30px; height: 30px; border-radius: 5px; }
.contacto-legend-primary { background: rgb(52, 152, 219); }
.contacto-legend-secondary { background: rgb(133, 193, 233); }
.contacto-legend-office { background: rgb(231, 76, 60); }
.contacto-legend-text { color: rgb(44, 62, 80); font-weight: 500; }
.contacto-mapa-note { text-align: center; margin-top: 25px; color: rgb(44, 62, 80); font-size: 1rem; }
.contacto-cta-final-section { background: rgb(44, 62, 80); color: rgb(255, 255, 255); padding: 100px 20px; text-align: center; }
.contacto-cta-container { max-width: 1000px; margin: 0px auto; }
.contacto-cta-final-section h2 { font-size: 3rem; margin-bottom: 15px; font-weight: 700; }
.contacto-cta-subtitle { font-size: 1.3rem; color: rgb(236, 240, 241); margin-bottom: 40px; }
.contacto-cta-options { display: flex; justify-content: center; gap: 25px; margin: 40px 0px; flex-wrap: wrap; }
.contacto-cta-option { background: rgba(52, 152, 219, 0.2); padding: 15px 30px; border-radius: 8px; color: rgb(255, 255, 255); font-size: 1.1rem; text-decoration: none; transition: 0.3s; display: flex; align-items: center; gap: 10px; }
.contacto-cta-option:hover { background: rgb(52, 152, 219); transform: translateY(-3px); }
.contacto-cta-main-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 25px 60px; border: none; border-radius: 8px; font-size: 1.5rem; font-weight: 700; cursor: pointer; margin: 30px 0px; transition: 0.3s; display: inline-block; text-decoration: none; }
.contacto-cta-main-btn:hover { background: rgb(41, 128, 185); transform: scale(1.05); box-shadow: rgba(52, 152, 219, 0.4) 0px 10px 30px; }
.contacto-cta-badges { display: flex; justify-content: center; gap: 40px; margin-top: 40px; flex-wrap: wrap; }
.contacto-cta-badge { color: rgb(236, 240, 241); font-size: 1rem; display: flex; align-items: center; gap: 10px; }
.contacto-confirmacion-section { background: rgb(212, 237, 218); padding: 60px 20px; text-align: center; display: none; }
.contacto-confirmacion-section.active { display: block; }
.contacto-confirmacion-container { max-width: 700px; margin: 0px auto; background: rgb(255, 255, 255); padding: 50px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.contacto-confirmacion-icon { font-size: 4rem; color: rgb(39, 174, 96); margin-bottom: 20px; }
.contacto-confirmacion-section h2 { color: rgb(39, 174, 96); font-size: 2.5rem; margin-bottom: 20px; font-weight: 700; }
.contacto-confirmacion-text { color: rgb(44, 62, 80); font-size: 1.1rem; margin-bottom: 30px; line-height: 1.8; }
.contacto-confirmacion-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.contacto-confirmacion-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 15px 35px; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: 0.3s; }
.contacto-confirmacion-btn:hover { background: rgb(41, 128, 185); transform: translateY(-2px); }
@media (max-width: 768px) {
  .contacto-page-hero h1 { font-size: 2rem; }
  .contacto-formas-section h2, .contacto-formulario-section h2, .contacto-agendar-section h2, .contacto-ubicacion-section h2, .contacto-horarios-section h2, .contacto-datos-section h2, .contacto-faq-section h2, .contacto-redes-section h2, .contacto-info-especifica-section h2, .contacto-testimonios-section h2, .contacto-privacidad-section h2, .contacto-mapa-cobertura-section h2, .contacto-cta-final-section h2 { font-size: 1.8rem; }
  .contacto-ubicacion-content { grid-template-columns: 1fr; }
  .contacto-horarios-grid { grid-template-columns: 1fr; }
  .contacto-cta-final-section h2 { font-size: 2rem; }
  .contacto-cta-main-btn { padding: 20px 40px; font-size: 1.2rem; }
  .contacto-dato-item:hover::after { display: none; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Sobre Nosotros */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(26, 26, 26); background: rgb(255, 255, 255); }
.about-section-container { width: 100%; background: linear-gradient(135deg, rgb(248, 249, 250) 0%, rgb(233, 236, 239) 100%); padding: 0px; margin: 0px; }
.about-hero-wrapper { width: 100%; min-height: 70vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); position: relative; overflow: hidden; padding: 80px 20px; }
.about-hero-wrapper::before { content: ""; position: absolute; top: -50%; right: -10%; width: 500px; height: 500px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; z-index: 1; }
.about-hero-wrapper::after { content: ""; position: absolute; bottom: -30%; left: -5%; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; z-index: 1; }
.about-hero-content { max-width: 1200px; width: 100%; text-align: center; z-index: 2; position: relative; }
.about-hero-title { font-size: 3.5rem; font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 24px; letter-spacing: -1px; animation: 0.8s ease-out 0s 1 normal none running fadeInUp; }
.about-hero-subtitle { font-size: 1.3rem; font-weight: 400; color: rgb(240, 240, 240); max-width: 700px; margin: 0px auto; line-height: 1.8; animation: 1s ease-out 0s 1 normal none running fadeInUp; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.about-mission-section { width: 100%; padding: 100px 20px; background: rgb(255, 255, 255); }
.about-mission-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-mission-content { padding-right: 20px; }
.about-section-label { font-size: 0.9rem; font-weight: 700; color: rgb(102, 126, 234); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 16px; display: block; }
.about-mission-title { font-size: 2.8rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 24px; line-height: 1.2; }
.about-mission-text { font-size: 1.1rem; color: rgb(74, 85, 104); line-height: 1.8; margin-bottom: 20px; }
.about-mission-image-wrapper { position: relative; width: 100%; height: 450px; border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.about-mission-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.about-mission-image-wrapper:hover .about-mission-image { transform: scale(1.05); }
.about-values-section { width: 100%; padding: 100px 20px; background: linear-gradient(135deg, rgb(248, 249, 250) 0%, rgb(233, 236, 239) 100%); }
.about-values-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-values-title { font-size: 2.8rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 60px; }
.about-values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 40px; }
.about-value-card { background: rgb(255, 255, 255); padding: 50px 35px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: 0.4s; position: relative; overflow: hidden; }
.about-value-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: linear-gradient(90deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); transform: scaleX(0); transition: transform 0.4s; }
.about-value-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.about-value-card:hover::before { transform: scaleX(1); }
.about-value-icon { width: 70px; height: 70px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 24px; font-size: 2rem; color: rgb(255, 255, 255); }
.about-value-title { font-size: 1.5rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 16px; }
.about-value-text { font-size: 1rem; color: rgb(74, 85, 104); line-height: 1.7; }
.about-team-section { width: 100%; padding: 100px 20px; background: rgb(255, 255, 255); }
.about-team-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-team-title { font-size: 2.8rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 20px; }
.about-team-subtitle { font-size: 1.2rem; color: rgb(74, 85, 104); margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; }
.about-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; margin-top: 40px; }
.about-team-member { background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: 0.4s; }
.about-team-member:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.about-team-image-wrapper { width: 100%; height: 320px; overflow: hidden; position: relative; }
.about-team-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.about-team-member:hover .about-team-image { transform: scale(1.1); }
.about-team-info { padding: 30px 25px; text-align: center; }
.about-team-name { font-size: 1.4rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 8px; }
.about-team-role { font-size: 1rem; color: rgb(102, 126, 234); font-weight: 600; margin-bottom: 16px; }
.about-team-bio { font-size: 0.95rem; color: rgb(74, 85, 104); line-height: 1.6; }
.about-cta-section { width: 100%; padding: 100px 20px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); position: relative; overflow: hidden; }
.about-cta-container { max-width: 900px; margin: 0px auto; text-align: center; position: relative; z-index: 2; }
.about-cta-title { font-size: 2.8rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 24px; line-height: 1.2; }
.about-cta-text { font-size: 1.2rem; color: rgb(240, 240, 240); margin-bottom: 40px; line-height: 1.7; }
.about-cta-button { display: inline-block; padding: 18px 50px; background: rgb(255, 255, 255); color: rgb(102, 126, 234); font-size: 1.1rem; font-weight: 700; text-decoration: none; border-radius: 50px; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px; border: none; cursor: pointer; }
.about-cta-button:hover { background: rgb(248, 249, 250); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 40px; }
@media (max-width: 968px) {
  .about-hero-title { font-size: 2.5rem; }
  .about-hero-subtitle { font-size: 1.1rem; }
  .about-mission-container { grid-template-columns: 1fr; gap: 40px; }
  .about-mission-content { padding-right: 0px; }
  .about-mission-title, .about-values-title, .about-team-title, .about-cta-title { font-size: 2.2rem; }
  .about-values-grid, .about-team-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 640px) {
  .about-hero-wrapper { padding: 60px 20px; min-height: 60vh; }
  .about-hero-title { font-size: 2rem; }
  .about-hero-subtitle { font-size: 1rem; }
  .about-mission-section, .about-values-section, .about-team-section, .about-cta-section { padding: 60px 20px; }
  .about-mission-title, .about-values-title, .about-team-title, .about-cta-title { font-size: 1.8rem; }
  .about-mission-image-wrapper { height: 300px; }
  .about-value-card { padding: 40px 25px; }
  .about-cta-button { padding: 16px 40px; font-size: 1rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }