/* Plantilla SEO - Dr. Manuel Adrian Díaz */
:root {
  --trauma-blue: #1c81ad;
  --trauma-cyan: #5ba4b6;
  --trauma-deep: #405869;
  --trauma-slate: #778ea8;
  --trauma-ink: #263f50;
  --trauma-soft: #f3faff;
  --trauma-white: #ffffff;
}

.trauma-template { overflow: hidden; background: #fff; color: #405869; }
.trauma-template a { transition: .25s ease; }
.trauma-template strong { color: var(--trauma-blue); font-weight: 800; }

.trauma-hero {
  margin-top: 100px;
  position: relative;
  overflow: hidden;
  padding: 105px 0 90px;
  background:
    radial-gradient(circle at 88% 18%, rgba(91,164,182,.30), transparent 28%),
    radial-gradient(circle at 8% 85%, rgba(119,142,168,.17), transparent 30%),
    linear-gradient(135deg, #f5fbff 0%, #edf7fb 48%, #f8fbfd 100%);
}
.trauma-hero-shape { position:absolute; border-radius:50%; pointer-events:none; }
.trauma-hero-shape-1 { width:330px; height:330px; right:-130px; top:-120px; border:55px solid rgba(28,129,173,.06); }
.trauma-hero-shape-2 { width:240px; height:240px; left:-90px; bottom:-100px; background:rgba(91,164,182,.08); }
.trauma-hero-content { position:relative; z-index:2; padding-right:25px; }
.trauma-kicker,
.trauma-heading > span {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:14px;
  color:var(--trauma-blue); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:13px;
}
.trauma-hero h1 { color:var(--trauma-ink); font-size:54px; line-height:1.08; margin-bottom:22px; font-weight:800; }
.trauma-hero p { max-width:720px; font-size:18px; line-height:1.8; color:#577084; margin-bottom:30px; }
.trauma-hero-actions { display:flex; flex-wrap:wrap; gap:13px; }
.trauma-hero .main-btn, .trauma-final-cta .main-btn { border-radius:30px; }
.trauma-btn-outline {
  min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:0 27px; border:2px solid var(--trauma-blue); border-radius:30px; color:var(--trauma-blue); font-weight:700;
}
.trauma-btn-outline:hover { background:var(--trauma-blue); color:#fff; }
.trauma-hero-image { position:relative; max-width:460px; margin-left:auto; }
.trauma-hero-image:before { content:""; position:absolute; inset:-13px; border-radius:50%; border:1px solid rgba(28,129,173,.22); }
.trauma-hero-image img { position:relative; z-index:1; width:100%; border-radius:50%; border:9px solid rgba(255,255,255,.92); box-shadow:0 25px 55px rgba(64,88,105,.18); }

.trauma-section { position:relative; padding:95px 0; isolation:isolate; }
.trauma-about {
  background:
    radial-gradient(circle at 8% 20%, rgba(91,164,182,.11), transparent 28%),
    linear-gradient(135deg,#fff 0%,#f7fbfd 55%,#f3faff 100%);
}
.trauma-about-image { position:relative; max-width:480px; margin:auto; }
.trauma-about-image img { width:100%; border-radius:28px; box-shadow:0 24px 55px rgba(64,88,105,.16); }
.trauma-badge { position:absolute; right:-15px; bottom:28px; padding:15px 21px; border-radius:18px; background:#fff; color:var(--trauma-deep); font-weight:800; box-shadow:0 12px 30px rgba(64,88,105,.16); }
.trauma-badge i { color:var(--trauma-blue); margin-right:7px; }
.trauma-heading h2 { color:var(--trauma-ink); font-size:38px; line-height:1.2; font-weight:800; margin-bottom:18px; }
.trauma-heading p { font-size:17px; line-height:1.75; color:#617789; }
.trauma-heading-center { max-width:830px; margin-left:auto; margin-right:auto; }
.trauma-about p { font-size:17px; line-height:1.85; color:#5a7183; }

.trauma-benefits {
  background:
    radial-gradient(circle at 92% 15%, rgba(28,129,173,.11), transparent 27%),
    radial-gradient(circle at 7% 90%, rgba(91,164,182,.15), transparent 29%),
    linear-gradient(145deg,#eef8fc 0%,#f8fbfd 48%,#eef4f8 100%);
}
.trauma-card { height:100%; padding:32px 28px; border-radius:22px; background:rgba(255,255,255,.93); border:1px solid rgba(91,164,182,.14); box-shadow:0 13px 34px rgba(64,88,105,.08); transition:.28s ease; }
.trauma-card:hover { transform:translateY(-6px); box-shadow:0 20px 42px rgba(64,88,105,.13); }
.trauma-icon { width:62px; height:62px; display:flex; align-items:center; justify-content:center; border-radius:18px; margin-bottom:20px; color:#fff; font-size:25px; background:linear-gradient(135deg,var(--trauma-blue),var(--trauma-cyan)); box-shadow:0 9px 22px rgba(28,129,173,.24); }
.trauma-card h3 { font-size:21px; color:var(--trauma-ink); font-weight:800; margin-bottom:12px; }
.trauma-card p { color:#62798b; line-height:1.75; margin:0; }

.trauma-testimonials {
  background:
    radial-gradient(circle at 12% 15%, rgba(119,142,168,.11), transparent 28%),
    linear-gradient(180deg,#fff 0%,#f6fbfd 100%);
}
.trauma-testimonial-slider { margin-left:-12px; margin-right:-12px; }
.trauma-testimonial { margin:0 12px 20px; min-height:270px; padding:35px 32px; border-radius:24px; background:#fff; border:1px solid rgba(91,164,182,.16); box-shadow:0 15px 38px rgba(64,88,105,.09); }
.trauma-testimonial > i { font-size:31px; color:var(--trauma-cyan); margin-bottom:16px; }
.trauma-testimonial p { color:#576f82; line-height:1.8; font-size:16px; }
.trauma-stars { color:#f2b53d; letter-spacing:3px; margin:15px 0 9px; }
.trauma-testimonial h4 { color:var(--trauma-deep); font-size:16px; font-weight:800; margin:0; }
.trauma-testimonial-slider .slick-dots { text-align:center; margin-top:18px; }
.trauma-testimonial-slider .slick-dots li { display:inline-block; margin:0 4px; }
.trauma-testimonial-slider .slick-dots button { width:9px; height:9px; padding:0; border:0; border-radius:50%; font-size:0; background:#b9cfda; }
.trauma-testimonial-slider .slick-dots .slick-active button { width:25px; border-radius:20px; background:var(--trauma-blue); }

.trauma-faq {
  background:
    radial-gradient(circle at 92% 82%, rgba(91,164,182,.16), transparent 27%),
    linear-gradient(135deg,#edf6fa 0%,#f8fbfd 55%,#eef4f7 100%);
}
.trauma-accordion { margin-top:30px; }
.trauma-faq-item { overflow:hidden; margin-bottom:14px; border-radius:16px; background:rgba(255,255,255,.92); border:1px solid rgba(91,164,182,.15); box-shadow:0 9px 24px rgba(64,88,105,.06); }
.trauma-faq-question { width:100%; border:0; background:transparent; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; text-align:left; color:var(--trauma-ink); font-weight:800; font-size:17px; cursor:pointer; }
.trauma-faq-question span { flex:0 0 30px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:var(--trauma-blue); }
.trauma-faq-answer { display:none; padding:0 22px 20px; }
.trauma-faq-item.active .trauma-faq-answer { display:block; }
.trauma-faq-answer p { margin:0; color:#62798b; line-height:1.75; }
.trauma-faq-image { max-width:420px; margin-left:auto; }
.trauma-faq-image img { width:100%; border-radius:50%; border:9px solid rgba(255,255,255,.94); box-shadow:0 24px 55px rgba(64,88,105,.16); }

.trauma-final-cta { padding:55px 0 100px; background:linear-gradient(180deg,#eef4f7 0%,#fff 100%); }
.trauma-final-box { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:42px 46px; border-radius:28px; color:#fff; background:linear-gradient(135deg,var(--trauma-deep),var(--trauma-blue) 60%,var(--trauma-cyan)); box-shadow:0 22px 48px rgba(64,88,105,.20); }
.trauma-final-box span { display:block; margin-bottom:6px; opacity:.86; font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:13px; }
.trauma-final-box h2 { margin:0; color:#fff; font-size:31px; line-height:1.25; font-weight:800; }
.trauma-final-box .main-btn { flex:0 0 auto; background:#fff; color:var(--trauma-blue); border-color:#fff; }
.trauma-final-box .main-btn:hover { color:#fff; background:transparent; }

@media (max-width: 1199px) {
  .trauma-hero h1 { font-size:46px; }
}
@media (max-width: 991px) {
  .trauma-hero { padding:80px 0; }
  .trauma-hero-content { padding-right:0; margin-bottom:45px; text-align:center; }
  .trauma-hero p { margin-left:auto; margin-right:auto; }
  .trauma-hero-actions { justify-content:center; }
  .trauma-hero-image { margin:auto; max-width:390px; }
  .trauma-section { padding:75px 0; }
  .trauma-heading h2 { font-size:34px; }
  .trauma-final-box { flex-direction:column; text-align:center; }
  .trauma-faq-image { margin:45px auto 0; }
}
@media (max-width: 767px) {
  .trauma-hero { padding:65px 0; }
  .trauma-hero h1 { font-size:36px; }
  .trauma-hero p { font-size:16px; }
  .trauma-heading h2 { font-size:30px; }
  .trauma-section { padding:65px 0; }
  .trauma-badge { right:10px; bottom:15px; font-size:13px; }
  .trauma-final-box { padding:34px 24px; }
  .trauma-final-box h2 { font-size:27px; }
}
@media (max-width: 480px) {
  .trauma-hero h1 { font-size:31px; }
  .trauma-hero-actions { flex-direction:column; }
  .trauma-hero-actions .main-btn, .trauma-btn-outline { width:100%; }
  .trauma-testimonial { margin-left:4px; margin-right:4px; padding:28px 23px; }
}