/*!
 * Copyright 2025-2026 Dr. Julio Estrada
 * Copyright 2025-2026 Enfoca2's Studios
 */
/*=========== TABLE OF CONTENTS ===========
1.  CSS General
2.  Header
A.  Home
  3.  Home hero
  4.  Info hero
  5.  Intervenciones
  6.  Valores home
  7.  Proceso de atención
  8.  Agendar
B.  Somos
  9.  Somos Hero
  10. Info profesional
  11. Valores somos
  12. CTA agenda
  13. Mapa
C.  Procedimientos
  14. Procedimientos Hero
  15. Contenido procedimientos
D.  Guia de estudiantes
  16. Contenido Guia estudiantes
E.  Agendar
  17. Contenido Agendar
F.  Bot de preguntas
  18. Contenido del bot
Footer
===========================================*/

:root {
  --azul-mari: #0d3a5c;
  --azul-mari-cla: #3c80c2;
  --azul-med: #1776ba;
  --aqua-cla: #bbe4ff;
  --fucsia: #e52780;
  --blanco: #fff;
  --negro: #000;
  --titulo: 40px;
  --subtitulo: 30px;
  --parrafo: 16px;

  --primary-color: #0d5c75;
  --secondary-color: #1995ad;
  --accent-color: #a4b3b6;
  --light-bg: #f4f7f6;
  --text-dark: #2c3e50;
}

/* creato display */
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Thin.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-ThinItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Light.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-LightItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Regular.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Italic.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Medium.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-MediumItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-MediumItalic.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Bold.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-BoldItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-ExtraBold.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-ExtraBoldItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-ExtraBoldItalic.woff")
      format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-Black.woff2") format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display";
  src:
    url("../fonts/creato_display/CreatoDisplay-BlackItalic.woff2")
      format("woff2"),
    url("../fonts/creato_display/CreatoDisplay-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* adelia */
@font-face {
  font-family: "Adelia";
  src:
    url("../fonts/adelia/adelia.woff2") format("woff2"),
    url("../fonts/adelia/adelia.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  color: var(--text-dark);
  background-color: #ffffff;
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
}

.acent-aqua {
  color: var(--aqua-cla);
}
.font-creato {
  font-family: "Creato Display" !important;
}
.font-adelia {
  font-family: "Adelia" !important;
}
.txt-acent-ng {
  font-weight: 700 !important;
}
.font-acent-ub {
  font-weight: 800 !important;
}

.d-tlf {
  display: none;
}
.d-desk {
  display: block;
}

/*=====================================
  2.  Header
=======================================*/
.navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  background-color: #ffffff !important;
  padding: 15px 0;
}
.navbar-brand {
  width: 226px;
  height: auto;
}
.navbar-brand img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}

.navbar-nav {
  display: flex;
  flex-wrap: wrap;
  width: 84%;
}

.dropdown-menu {
  width: 267px;
  height: 393px;
  border: 1px solid var(--fucsia) !important;
  overflow-y: scroll;
}

.dropdown-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dropdown-menu::-webkit-scrollbar-track {
  background: var(--blanco); /* Color de fondo del track del scrollbar */
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(229, 39, 128, 0.4); /* Color del thumb del scrollbar */
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: var(--fucsia);
}

.dropdown-item {
  padding: 6px 9px 6px 19px !important ;
  font-family: "Creato Display";
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  border-bottom: 1px solid var(--fucsia);
  white-space: wrap !important;
  transition: 0.3s ease-in-out all;
}

.dropdown-item:hover {
  color: var(--fucsia);
}

.nav-link {
  color: var(--azul-mari) !important;
  font-weight: 500;
  margin: 0 10px;
  transition: color 0.3s ease;
}
.nav-link:hover,
.nav-link.active {
  color: var(--fucsia) !important;
}
.btn-nav {
  background-color: var(--azul-mari);
  color: var(--blanco) !important;
  border: 2px solid var(--azul-mari);
  border-radius: 5px;
  padding: 8px 13px !important;
  transition: all 0.3s ease;
}
.btn-nav:hover {
  color: var(--azul-mari) !important;
  border: 2px solid var(--azul-mari);
  background-color: transparent;
}

/*=====================================
  A.  Home
=======================================*/
/*-------------------------------------
    3.  Home hero
--------------------------------------*/
#inicio .container {
  width: 80vw;
}
.hero {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/05/hero-bg.webp")
    no-repeat center center/cover;
  padding: 120px 0;
  min-height: 80vh;
  display: flex;
  align-items: center;
}
.titu-hero {
  font-size: 36px;
  font-weight: 700;
  line-height: 38px;
  color: var(--blanco) !important;
}
.txt-hero {
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 18px;
  color: var(--blanco) !important;
}

.row-btns-hero {
  width: 369px;
}

.btn-hero {
  display: block;
  margin: auto;
  padding: 12px 24px;
  font-size: 18px;
  line-height: 21px;
}
.btn-hero-1,
.btn-hero-1:hover {
  font-weight: 600;
  color: var(--blanco);
  border-radius: 30px;
  border: none;
  background-color: var(--azul-mari);
}
.btn-hero-2,
.btn-hero-2:hover {
  font-weight: 600;
  color: var(--azul-mari);
  border-radius: 30px;
  border: none;
  background-color: var(--blanco);
}

.img-hero-home {
  opacity: 0;
  display: block;
  margin: auto;
  margin-top: 38px;
  width: 77%;
  height: auto;
}

/*-------------------------------------
    4.  Info hero
--------------------------------------*/
.info-hero {
  position: relative;
  top: -160px;
  padding: 0 112px !important;
}

.col-info-hero1 {
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  max-width: 100%;
  padding: 0 !important;
  background-color: var(--azul-mari-cla);
}
.col-info-hero2 {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 100%;
  background-color: #5ea2e4;
}
.col-info-hero {
  margin: 0 10px !important;
  border-radius: 10px;
  box-shadow: 5px 3px 4px -1px rgba(0, 0, 0, 0.38);
  -webkit-box-shadow: 5px 3px 4px -1px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 5px 3px 4px -1px rgba(0, 0, 0, 0.38);
}

.contain-experien {
  height: 251px;
  padding: 20px 20px;
}

.contain-experien1 {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/asset-06.png")
    no-repeat center center/cover;
}
.contain-experien2 {
  display: flex;
  padding: 0 20px !important;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/asset-05.png")
    no-repeat center -91px / cover;
  background-size: 663px;
}

.tiempo-experien {
  margin-bottom: 13px !important;
  font-size: 58px;
  font-weight: 700;
  color: var(--blanco);
  text-align: left;
}

.titu-experien,
.txt-experien {
  margin-bottom: 0 !important;
  text-align: right;
  color: var(--blanco);
}
.titu-experien {
  font-size: 25px;
  margin-bottom: 9px !important;
  font-weight: 500;
}
.txt-experien {
  padding-left: 83px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.col-info-procedi1 {
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 100%;
}
.col-info-procedi2 {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 100%;
}

.txt-info-procedi {
  margin-bottom: 0 !important;
  color: var(--azul-mari);
}

.cont-info-procedi1 {
  margin-bottom: 88px;
}
.txt-info-procedi1 {
  font-size: 21px;
  font-weight: 500;
}
.txt-info-procedi span {
  font-size: 22px;
  font-weight: 600;
}
.txt-info-procedi2,
.txt-info-procedi3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
}

/*-------------------------------------
    5.  Intervenciones
--------------------------------------*/
#sobre-mi {
  margin-top: -72px;
  padding: 0 121px !important;
}
#sobre-mi .container {
  padding: 0 !important;
}
.col-info-profe {
  padding: 10px;
}
.col-info-profe1 {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 100%;
  padding: 27px 31px;
  border-right: 5px solid var(--azul-mari);
}
.col-info-profe2 {
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  max-width: 100%;
  padding: 0 22px;
  font-size: var(--parrafo);
  color: var(--azul-mari);
}

.titu-info-profe {
  margin-bottom: 0 !important;
  font-size: var(--titulo);
  color: var(--azul-mari);
  text-align: right;
  line-height: 42px;
}

.list-info-profe {
  font-size: var(--parrafo);
  color: var(--azul-mari);
  line-height: 17px;
}

.btn-info-profe,
.btn-info-profe:hover {
  display: block;
  width: 146px;
  margin: auto;
  font-size: var(--parrafo);
  font-weight: 600;
  color: var(--blanco);
  border-radius: 30px;
  border: none;
  background-color: var(--azul-mari);
}

.procedi-carousel {
  margin-top: 57px;
}

.procedi-carousel .item {
  background: white;
}

.img-proce-home {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}

.procedi-carousel .owl-dots .owl-dot span {
  background-color: var(--azul-mari-cla);
}
.procedi-carousel .owl-dots .owl-dot span.active {
  background-color: var(--azul-mari);
}

/*-------------------------------------
    6.  Valores home
--------------------------------------*/
#valores {
  padding-right: 105px;
  padding-left: 105px;
}

#valores .container {
  padding: 0 !important;
}

.col-valor-home1 {
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 100%;
}
.col-valor-home2 {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.row-cont-valor {
  display: flex;
  justify-content: center;
}
.col-cont-valor {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 100%;
  margin: 0 6px;
  padding: 0 !important;
}

.cont-valor1,
.cont-valor4 {
  border-radius: 31px;
}

.cont-valor1 {
  height: 475px;
}
.cont-valor4 {
  height: 81%;
}
.cont-valor1 {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/img-1.webp")
    no-repeat center center/cover;
}

.cont-valor2 {
  padding: 0 6px;
}
.cuadro-valor {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 85%;
  margin: 15px auto auto;
  padding: 16px 0;
  border-radius: 19px;
  background: var(--azul-mari-cla);
  transform: translateY(0);
  transition: 0.5s ease-in-out all;
}
.cuadro-valor:hover {
  transform: translateY(-4px);
}
.list-horaro {
  margin-top: 19px;
  margin-bottom: 0 !important;
}
.img-horario {
  width: 12%;
  height: auto;
}
.txt-horario {
  margin-bottom: 0 !important;
  font-size: 20px;
  font-weight: 600;
  color: var(--blanco);
}

.item-horario {
  font-size: 13px;
  font-weight: 400;
  color: var(--blanco);
}

.cont-valor3 {
  height: 97px;
}
.cont-valor4 {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/img-home-2.jpg")
    no-repeat center center/cover;
}

.titu-valor-home {
  margin-bottom: 10px !important;
  font-size: 17px;
  font-weight: 500;
  color: var(--azul-mari-cla);
  letter-spacing: 1px;
}

.titus-valor-home {
  margin-bottom: 0 !important;
  font-size: 37px;
  font-weight: 700;
  color: var(--azul-mari);
}

.list-valores {
  list-style: none;
  padding-left: 0 !important;
}

.item-valores {
  margin-bottom: 19px;
  font-size: 15px;
  font-weight: 400;
  color: var(--azul-mari);
  line-height: 17px;
}

/*-------------------------------------
    7.  Proceso de atención
--------------------------------------*/
#atencion {
  margin-top: -132px;
}
#atencion .container {
  width: 100% !important;
  max-width: 100vw !important;
  margin: auto !important;
  padding: 0 !important;
}

.row-proceso-atencion {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  max-width: 100vw !important;
  margin: auto !important;
}
.col-proceso-atencion1 {
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 100%;
  padding-right: 75px;
  padding-left: 324px;
}
.col-proceso-atencion2 {
  -ms-flex: 0 0 52%;
  flex: 0 0 52%;
  max-width: 100%;
  height: 571px;
  border-top-left-radius: 34px;
  border-bottom-left-radius: 34px;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/home-nvo-2.jpg")
    no-repeat -542px center/1252px;
}

.contain-atencion {
  margin-top: -74px;
}

.titu-atencion {
  margin-bottom: 10px !important;
  font-size: 17px;
  font-weight: 700;
  text-align: right;
  color: var(--fucsia);
  letter-spacing: 1px;
}

.titus-atencion {
  margin-bottom: 28px !important;
  font-size: 37px;
  font-weight: 700;
  text-align: right;
  line-height: 39px;
  color: var(--azul-mari);
}

.txt-atencion {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  text-align: right;
  line-height: 18px;
  color: var(--azul-mari);
}

.row-pasos-atencion {
  position: relative;
  width: 79%;
  margin: auto;
  margin-top: -141px;
  margin-bottom: -16px;
}

.col-pasos-atencion {
  opacity: 0;
  display: flex;
  flex-direction: column;
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
  max-width: 100%;
  height: 334px;
  padding: 0 !important;
  border-radius: 24px;
  background: var(--azul-mari-cla);
  overflow: hidden;
  transform: translateY(40px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}
.col-pasos-atencion.visible {
  opacity: 1;
  transform: translateY(0);
}
.col-pasos-atencion:hover {
  transform: translateY(-3px);
}

/* Staggered delay per card */
.col-pasos-atencion1 {
  transition-delay: 0s;
}
.col-pasos-atencion2 {
  transition-delay: 0.15s;
}
.col-pasos-atencion3 {
  transition-delay: 0.3s;
}
.col-pasos-atencion4 {
  transition-delay: 0.45s;
}
.col-pasos-atencion5 {
  transition-delay: 0.6s;
}

.cont-num-pasos {
  width: 49%;
  padding: 15px !important;
  border-bottom-right-radius: 21px;
  background: var(--azul-mari);
}

.num-pasos {
  margin-bottom: 0 !important;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  color: var(--blanco);
}

.cont-info-pasos {
  width: 87%;
  height: 228px;
  margin: auto !important;
}

.titu-info-pasos {
  height: 60px;
  margin-bottom: 1px !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: var(--azul-mari);
}

.txt-info-pasos {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  color: var(--blanco);
}

/*-------------------------------------
    8.  Agendar
--------------------------------------*/
#contacto {
  margin-top: -50px;
  padding-right: 105px;
  padding-left: 105px;
  background: var(--azul-mari);
}

.col-agendar {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}

.cont-horario-agendar {
  margin-bottom: 10px;
  padding: 27px 0;
  border-radius: 15px;
  background: var(--azul-mari-cla);
}
.col-horario-agenda {
  -ms-flex: 0 0 39%;
  flex: 0 0 39%;
  max-width: 100%;
}
.col-horario-agenda2 {
  padding-left: 20% !important;
}
.txt-dias-agenda,
.txt-horas-agenda {
  margin-bottom: 0 !important;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  color: var(--blanco);
}

.cont-horario-img {
  height: 832px;
  border-radius: 15px;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/img-home-4.webp")
    no-repeat center center/cover;
}

.titu-agendar {
  margin-bottom: 0 !important;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  line-height: 28px;
  color: var(--blanco);
}

.titus-agendar {
  margin-bottom: 16px !important;
  font-size: 32px;
  font-weight: 500;
  text-align: left;
  line-height: 36px;
  color: var(--blanco);
}

/* formulario wp */
.gform_heading {
  display: none !important;
}

.gfield_label {
  font-family: "Creato Display" !important;
  font-size: var(--parrafo) !important;
  font-weight: 500 !important;
  color: var(--blanco) !important;
}

#gform_submit_button_1 {
  display: block !important;
  width: 100% !important;
  margin: auto !important;
  font-family: "Creato Display" !important;
  font-size: var(--parrafo) !important;
  font-weight: 500 !important;
  color: var(--azul-mari) !important;
  border: 2px solid var(--blanco) !important;
  border-radius: 10px !important;
  background-color: var(--blanco) !important;
  transition: 0.3s all ease-in-out !important;
}

#gform_submit_button_1:hover {
  color: var(--blanco) !important;
  border: 2px solid var(--blanco) !important;
  background-color: transparent !important;
}

/* página agendar */
#pag-agendar {
  padding: 0 !important;
  padding-right: 105px !important;
  padding-left: 105px !important;
}
.titu-agenda {
  margin-bottom: 0 !important;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
  line-height: 28px;
  color: var(--azul-mari-cla);
}

.titus-agenda {
  margin-bottom: 16px !important;
  font-size: 32px;
  font-weight: 500;
  text-align: left;
  line-height: 36px;
  color: var(--azul-mari);
}

/*=====================================
  B.  Somos
=======================================*/
/*-------------------------------------
    9.  Somos Hero
--------------------------------------*/
#inicio-somos {
  padding: 0 !important;
}
#inicio-somos .container {
  max-width: 100vw !important;
  padding: 0 !important;
}
.col-somos-carousel {
  height: 555px;
  padding: 100px 0;
}
.col-somos-carousel1 {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/03/somos-hero.webp")
    no-repeat center center/cover;
}
.col-somos-carousel2 {
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/03/somos-hero-1.webp")
    no-repeat center center/cover;
}

.somos-hero-carousel .owl-item {
  height: 100%;
}

.col-somos-carousel1 .titu-somos-hero1 {
  margin-top: 7%;
}
.titu-somos-hero {
  font-size: 19px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  color: var(--azul-mari);
}
.titus-somos-hero {
  font-size: 32px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  color: var(--azul-mari);
}
.txt-somos-hero {
  display: block;
  width: 42%;
  margin: auto;
  font-size: var(--parrafo);
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  color: var(--azul-mari);
}
.txt-somos-hero2 {
  margin-bottom: 28px;
}

.list-somos-hero {
  display: block;
  width: 42%;
  margin: auto !important;
}

.somos-hero-carousel .owl-dots .owl-dot span {
  background-color: var(--azul-mari-cla);
}
.somos-hero-carousel .owl-dots .owl-dot span.active {
  background-color: var(--azul-mari);
}

/*-------------------------------------
    10. Info profesional
--------------------------------------*/
#info-personal {
  padding: 0 !important;
  padding-right: 105px !important;
  padding-left: 105px !important;
}
.titu-infopro {
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  text-align: left;
  color: var(--azul-mari);
}

.txt-infopro {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: var(--azul-mari);
}

.row-info-pro {
  margin: 14px 0 !important;
}

.col-info-pro {
  display: flex;
  flex-direction: row;
  align-items: center;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
  margin: 6px 0 !important;
}
.contain-infopro {
  padding: 0 !important;
}
.contain-infopro1 {
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 100%;
}
.contain-infopro2 {
  -ms-flex: 0 0 79%;
  flex: 0 0 79%;
  max-width: 100%;
}

.img-infopro {
  display: block;
  width: 57%;
  margin: auto;
}

.contain-infopro p {
  margin-bottom: 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  color: var(--azul-mari);
}

.firma-infopro {
  margin-bottom: 0 !important;
  padding-left: 11px;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
  text-align: left;
  color: var(--azul-mari);
  border-left: 3px solid var(--azul-mari);
}

.col-infopro {
  margin: 0 11px;
}
.col-infopro1 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}
.col-infopro2 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 100%;
  height: 547px;
  padding-bottom: 24px;
  border-radius: 15px;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/img-home-3-nvo.webp")
    no-repeat -98px -15px/844px;
}

.contain-infopross {
  width: 44%;
  padding: 15px 21px;
  border-radius: 15px;
  background-color: var(--azul-mari-cla);
}

.titus-infopross {
  margin-bottom: 12px !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  letter-spacing: 1.5px;
  color: var(--blanco);
}

.titu-infopross {
  margin-bottom: 0 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: var(--blanco);
}

/*-------------------------------------
    11. Valores somos
--------------------------------------*/
#valor-somos {
  padding: 0 !important;
  padding-right: 105px !important;
  padding-left: 105px !important;
}
#valor-somos .container {
  padding: 0 !important;
  border-radius: 40px;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/valor-bg.webp")
    no-repeat center center/cover;
  overflow: hidden;
}
.contain-valor-somo {
  padding: 35px 48px;
  background: #3c80c2;
  background: -webkit-linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 21%,
    rgba(60, 128, 194, 0.55) 100%
  );
  background: -moz-linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 21%,
    rgba(60, 128, 194, 0.55) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 21%,
    rgba(60, 128, 194, 0.55) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3C80C2", endColorstr="#3C80C266", GradientType=1);
}
.head-valo-somo {
  width: 50%;
}

.titus-valo-somo {
  margin-bottom: 8px !important;
  font-size: 26px;
  font-weight: 600;
  color: var(--blanco);
}

.txt-valo-somo {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  color: var(--blanco);
}

.row-valo-somo {
  display: flex;
  justify-content: center;
  margin-top: 37px;
}

.col-valo-somo {
  display: flex;
  align-items: center;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 100%;
  margin: 0 15px !important;
}
.col-valo-somo:nth-child(1),
.col-valo-somo:nth-child(2),
.col-valo-somo:nth-child(3) {
  margin-bottom: 29px !important;
}

.col-cont-valo {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}
.col-cont-valo1 {
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 100%;
}
.col-cont-valo2 {
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
  max-width: 100%;
}

.img-cont-valo {
  display: block;
  width: 67%;
  margin: auto;
}

.titu-cont-valo {
  height: 29px;
  margin-bottom: 0 !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  color: var(--blanco);
}
.txt-cont-valo {
  height: 73px;
  margin-bottom: 0 !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: var(--blanco);
}

/*-------------------------------------
    12. CTA agenda
--------------------------------------*/
#cta-agenda {
  padding: 0 !important;
}
#cta-agenda .container {
  max-width: 100vw !important;
  padding: 0 !important;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/02/cita-somos-bg.webp")
    no-repeat center center/cover;
  background-attachment: fixed;
  overflow: hidden;
}
.contain-cta-valo {
  padding: 35px 48px;
  background: #3c80c2;
  background: -webkit-linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 0%,
    rgba(60, 128, 194, 0.4) 100%
  );
  background: -moz-linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 0%,
    rgba(60, 128, 194, 0.4) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(60, 128, 194, 1) 0%,
    rgba(60, 128, 194, 0.4) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3C80C2", endColorstr="#3C80C266", GradientType=1);
}

.row-cta-valo {
  align-items: center;
}

.col-cta-valo {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}
.col-cta-valo1 {
  height: 250px;
}

.titu-cta-valo {
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  color: var(--blanco);
}

.txt-cta-valo {
  margin-bottom: 0 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  color: var(--blanco);
}

/*-------------------------------------
    13. Mapa
--------------------------------------*/
#mapa {
  padding: 0 !important;
  margin-bottom: -10px !important;
}

/*=====================================
  C.  Procedimientos
=======================================*/
/*-------------------------------------
    14. Procedimientos Hero
--------------------------------------*/
#procedis {
  padding: 0 !important;
}
#procedis .container {
  max-width: 100vw !important;
  padding: 0 !important;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/05/procedi-hero.webp")
    no-repeat center center/cover;
}

.contain-hero-procedis {
  padding: 0 100px !important;
  background: rgba(60, 127, 194, 0.62);
}

.row-hero-procedis {
  padding: 0 !important;
}

.col-hero-procedis {
  padding: 137px 0 !important;
}
.col-hero-procedis1 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}
.col-hero-procedis2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 100%;
}

.titu-hero-procedi {
  margin-bottom: 0 !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-align: right;
  text-transform: uppercase;
  color: var(--blanco);
}
.titus-hero-procedi {
  margin-bottom: 0 !important;
  font-size: 32px;
  font-weight: 500;
  line-height: 34px;
  text-align: right;
  color: var(--blanco);
}
.txt-hero-procedi {
  width: 420px;
  margin-left: auto !important;
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  text-align: right;
  color: var(--blanco);
}

/*-------------------------------------
    15. Contenido procedimientos
--------------------------------------*/
#info-procedis {
  padding: 0 !important;
  padding-right: 110px !important;
  padding-left: 110px !important;
}
.item-procedis {
  width: 100%;
  margin-bottom: 4px;
  scroll-margin-top: 115px;
}
.btn-procedi {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0 !important;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  background: var(--azul-mari);
  white-space: wrap;
}

.btn-procedi.show {
  background: var(--azul-mari-cla);
}

.item-procedis .dropdown-menu {
  width: 98%;
  height: fit-content;
  margin: 16px !important;
  border: 1px solid var(--azul-mari) !important;
  overflow: visible;
}

.info-estudiantes {
  padding-right: 35px;
  padding-left: 35px;
}

.item-procedis .dropdown-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.item-procedis .dropdown-menu::-webkit-scrollbar-track {
  background: var(--blanco); /* Color de fondo del track del scrollbar */
}

.item-procedis .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(229, 39, 128, 0.4); /* Color del thumb del scrollbar */
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

.item-procedis .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: var(--fucsia);
}

.item-procedis .dropdown-menu.show {
  position: relative !important;
  transform: translate(0, 0) !important;
}

.item-procedis .dropdown-item {
  border-bottom: none;
  white-space: wrap !important;
}

.item-procedis .dropdown-toggle::after {
  display: none;
}

.int-procedi1 {
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 100%;
}
.int-procedi2 {
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
  max-width: 100%;
}

.img-procedis {
  display: block;
  width: 88px;
  margin: auto;
}

.txt-procedis {
  margin-bottom: 0 !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: var(--blanco);
}

.row-int-procedis {
  display: flex;
  justify-content: center;
  width: 93%;
  margin: auto;
}

.col-int-procedis {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 100%;
  margin: 4px !important;
  padding: 0 !important;
  border-radius: 10px;
  overflow: hidden;
}

.btn-inter-procedi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 69px;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 0 28px !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
  text-align: center !important;
  color: var(--blanco);
  background: var(--azul-mari-cla);
  transition: 0.3s ease-in-out all;
}

.btn-inter-procedi:hover,
.btn-inter-procedi.activo {
  color: var(--blanco);
  background: var(--azul-mari);
}

.btn-inter-procedi.dropdown-toggle {
  white-space: wrap !important;
}
.btn-inter-procedi .dropdown-menu.show {
  position: relative !important;
  transform: translate(0, 0) !important;
}

.btn-inter-procedi .dropdown-menu {
  width: auto !important;
  height: fit-content !important;
  margin: 16px !important;
  border: 1px solid var(--azul-mari) !important;
  overflow: auto !important;
}

.contain-drops {
  position: relative;
}

.drop-inter {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 200px;
  display: block !important;
  height: 100px;
  transition:
    opacity 0.15s linear,
    transform 0.15s ease,
    visibility 0.15s;
  transform-origin: top center;
  transform: scaleY(0.8) translateY(-10px);
  opacity: 0;
  visibility: hidden;
}
.drop-inter.show {
  transform: scaleY(1) translateY(0);
  opacity: 1;
  visibility: visible;
}

.contain-drops .dropdown-menu {
  display: block; /* o grid/flex, pero con opacidad 0 */
  opacity: 0;
  transform: scaleY(0.8) translateY(-10px);
  transition:
    opacity 0.15s ease-in-out,
    transform 0.15s ease-in-out,
    visibility 0.15s;
  visibility: hidden;
}
.contain-drops .dropdown-menu.show {
  opacity: 1;
  transform: scaleY(1) translateY(0);
  visibility: visible;
}

.contain-drops .dropdown-menu {
  border: none !important;
}

.cont-drop-inter {
  padding: 15px 0;
}

.borde-inter {
  width: 54%;
  margin: auto;
  margin-top: 19px;
  border-bottom: 1px solid var(--azul-mari) !important;
}

.titu-drop-inter {
  margin-bottom: 14px !important;
  font-size: 27px;
  font-weight: 600;
  color: var(--azul-mari);
}
.txt-drop-inter,
.item-drop-inter {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  color: var(--azul-mari);
}
.list-drop-inter {
  margin: 13px 0;
}

.cuadro-infor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 0px;
  width: 91%;
  margin: auto;
  margin-bottom: 10px;
}

.col-cuadro-infor {
  padding: 5px 0;
}

.col-cuadro-infor p {
  margin-bottom: 0 !important;
  font-size: var(--parrafo);
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}

.col-cuadro-infor:nth-child(1),
.col-cuadro-infor:nth-child(2) {
  color: var(--blanco);
  border: 1px solid var(--blanco);
  background: var(--azul-mari);
}

.col-cuadro-infor:nth-child(3),
.col-cuadro-infor:nth-child(4),
.col-cuadro-infor:nth-child(5),
.col-cuadro-infor:nth-child(6),
.col-cuadro-infor:nth-child(7),
.col-cuadro-infor:nth-child(8),
.col-cuadro-infor:nth-child(9),
.col-cuadro-infor:nth-child(10),
.col-cuadro-infor:nth-child(11),
.col-cuadro-infor:nth-child(12) {
  color: var(--azul-mari);
  border: 1px solid var(--azul-mari);
  background: var(--blanco);
}

.contain-important {
  width: 58%;
  margin: 32px auto -27px;
  padding: 0 !important;
  border-radius: 20px;
  background: url("http://drjulioestrada.com/wp-content/uploads/2026/05/procedi-hero.webp")
    no-repeat center -124px/751px;
  overflow: hidden;
}

.cont-important {
  padding: 31px 17px;
  border-radius: 1px;
  background-color: rgba(23, 118, 186, 0.62);
}

.titu-important {
  margin-bottom: 0 !important;
  font-size: 29px;
  font-weight: 500;
  line-height: 31px;
  text-align: center;
  color: var(--blanco);
}

/* .item-procedis .dropdown-menu {
  display: flex !important;
} */

.col-material-extra {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  margin: 0 7px !important;
  padding: 0 !important;
  border-radius: 22px;
  overflow: hidden;
}

.vid-propie {
  display: block;
  margin: auto;
  width: 308px !important;
  height: 547px !important;
}

/*=====================================
  D.  Guia de estudiantes
=======================================*/
/*-------------------------------------
    16. Contenido Guia estudiantes
--------------------------------------*/
.col-estudiantes {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 100%;
}

.row-estudiantes .int-procedi2 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-estudiantes .txt-procedis {
  margin-bottom: 0 !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  color: var(--blanco);
}

.btn-estudiante {
  padding: 25px !important;
  border-radius: 10px;
}

.dropdown-estudiante {
  padding-left: 36px;
  padding-right: 36px;
}

/*=====================================
  E.  Agendar
=======================================*/
/*-------------------------------------
    17. Contenido Agendar
--------------------------------------*/
.row-agendar .col-infopro2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 100%;
  padding: 18px !important;
  background: none;
  border-radius: 0;
}

.row-agendar .cont-horario-agendar {
  width: 100%;
}

.row-agendar .col-horario-agenda2 {
  padding-left: 14% !important;
}

.cont-rrss {
  width: 87%;
}

.row-rrss {
  align-items: center;
  margin: auto;
}

.row-rrss:nth-child(1),
.row-rrss:nth-child(2),
.row-rrss:nth-child(3) {
  margin-bottom: 11px;
}

.col-rrss {
  padding: 0 !important;
}
.col-rrss1 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 100%;
}
.col-rrss2 {
  -ms-flex: 0 0 67%;
  flex: 0 0 67%;
  max-width: 100%;
}

.row-rrss:nth-child(1) .icon-rrss,
.row-rrss:nth-child(3) .icon-rrss {
  background-color: var(--azul-mari);
}
.row-rrss:nth-child(2) .icon-rrss,
.row-rrss:nth-child(4) .icon-rrss {
  background-color: var(--azul-mari-cla);
}

.icon-rrss {
  width: 79%;
  height: auto;
  margin: auto;
  padding: 7px;
  font-size: 21px;
  text-align: center;
  color: var(--blanco);
  border-radius: 25px;
}

.row-rrss:nth-child(1),
.row-rrss:nth-child(3) {
  color: var(--azul-mari);
}
.row-rrss:nth-child(2),
.row-rrss:nth-child(4) {
  color: var(--azul-mari-cla);
}

.txt-rrss {
  margin-bottom: 0 !important;
  text-align: left;
}
.txt-rrss1 {
  font-size: 18px;
  font-weight: 700;
}
.txt-rrss2 {
  font-size: 16px;
  font-weight: 400;
}

/* .cont-form-agenda #field_1_1, */
.cont-form-agenda #field_1_3,
.cont-form-agenda #field_1_9,
.cont-form-agenda #field_1_4,
.cont-form-agenda #field_1_6,
.cont-form-agenda #field_1_8,
.cont-form-agenda #field_1_7,
.cont-form-agenda #field_1_5 {
  margin-top: -25px !important;
}

.cont-form-agenda #input_1_1_3,
.cont-form-agenda #input_1_1_6,
.cont-form-agenda #input_1_3,
.cont-form-agenda #input_1_9,
.cont-form-agenda #input_1_4,
.cont-form-agenda #input_1_6,
.cont-form-agenda #input_1_7,
.cont-form-agenda #input_1_5 {
  border: 3px solid var(--azul-mari) !important;
}
.cont-form-agenda #input_1_8_1,
.cont-form-agenda #input_1_8_2,
.cont-form-agenda #input_1_8_3 {
  border: 3px solid var(--azul-mari) !important;
}

.cont-form-agenda #gform_submit_button_1,
.cont-form-agenda #gform_submit_button_1:hover {
  color: var(--blanco) !important;
  border: 3px solid var(--azul-mari) !important;
  background-color: var(--azul-mari) !important;
}
.cont-form-agenda #gform_submit_button_1:hover {
  color: var(--azul-mari) !important;
}

.cont-form-agenda .gfield_label.gform-field-label {
  font-family: "Creato Display" !important;
  font-weight: 700 !important;
  color: var(--azul-mari) !important;
}

/*=====================================
  F.  Bot de preguntas
=======================================*/
/*-------------------------------------
    18. Contenido del bot
--------------------------------------*/
.btn-colapse {
  display: inline-block;
  position: fixed;
  bottom: 54px;
  left: 7px;
  z-index: 9999;
}

.row-tooltip {
  display: flex;
}

.btn-colapso {
  width: 234px;
  border: 2px solid var(--blanco);
  border-radius: 36px !important;
  background: var(--azul-mari-cla);
  transition: ease-in-out 0.5s;
}
.btn-colapso:hover,
.btn-colapso:active {
  border: 2px solid var(--blanco);
  background: var(--azul-mari-cla);
}

.col-tooltip {
  padding: 0 !important;
}
.col-tooltip1 {
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 100%;
}
.col-tooltip2 {
  -ms-flex: 0 0 64%;
  flex: 0 0 64%;
  max-width: 100%;
}
.col-tooltip i {
  font-size: 20px;
}
.col-tooltip p {
  margin-bottom: 0 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
  color: var(--blanco);
}

.colaps-faq {
  width: 432px;
  height: 316px;
  padding: 8px;
  border: 2px solid var(--azul-mari-cla);
  border-radius: 9px;
  background: var(--blanco);
  overflow: scroll;
}

.colaps-faq::-webkit-scrollbar,
.colaps-faq::-webkit-scrollbar-track,
.colaps-faq::-webkit-scrollbar-thumb {
  display: none;
}

.colaps-faq::-webkit-scrollbar-thumb:hover {
  background: var(--fucsia);
}

.btn_faq {
  width: 100%;
  padding: 10px 9px !important;
  margin: 5px 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  color: var(--blanco);
  text-decoration: none;
  background: var(--azul-mari);
  transition: 0.3s ease-in-out all;
}

.btn_faq:hover,
.btn_faq:active {
  color: var(--blanco);
  background: var(--azul-mari);
}

.carta-faq {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.carta-faq .card-header {
  padding: 0 !important;
  border: none !important;
}

.card-body p {
  margin-bottom: 0 !important;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  line-height: 17px;
  color: var(--azul-mari);
}

.colapso-faq {
  border: 1px solid var(--azul-mari);
  border-radius: 6px;
}

.head-faq {
  display: block;
  width: 100%;
  margin: auto;
}
.img-faq {
  display: block;
  width: 67%;
  margin: auto;
}

/*=====================================
  Footer
=======================================*/
footer {
  padding: 40px 0 20px;
  background-color: var(--azul-mari);
}

.col-footer:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 100%;
}
.col-footer:nth-child(2),
.col-footer:nth-child(3),
.col-footer:nth-child(4) {
  -ms-flex: 0 0 21%;
  flex: 0 0 21%;
  max-width: 100%;
}

.logo-footer {
  display: block;
  width: 289px;
  height: auto;
}
.logo-footer img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}

.list-footer {
  padding-left: 0 !important;
}

footer h5 {
  margin-bottom: 7px;
  font-size: 23px !important;
  font-weight: 600 !important;
  color: var(--blanco) !important;
}
.list-footer li {
  margin: -1px 0 !important;
}
footer a {
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: var(--blanco);
}
footer a:hover {
  color: var(--blanco);
}

.border-footer {
  border-color: var(--blanco);
}

.col-foot-bot {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 100%;
}

.txt-foot,
.txt-foot a {
  margin-bottom: 0 !important;
  font-size: 14px;
  font-weight: 400;
  color: var(--blanco) !important;
}
.txt-foot2 {
  text-align: right;
}

/* Section Global Styling */
section {
  padding: 80px 0;
}
.section-title {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 15px;
  color: var(--primary-color);
  font-weight: 700;
}
.section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: var(--secondary-color);
}

/* About Section */
.about-img {
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.feature-box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.feature-icon {
  background-color: rgba(25, 149, 173, 0.1);
  color: var(--secondary-color);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Services Cards */
.bg-light-section {
  background-color: var(--light-bg);
}
.service-card {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
  border: none;
  height: 100%;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.service-card i {
  color: var(--secondary-color);
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.service-card h4 {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.3rem;
}

/* Owl Carousel Customization */

.testimonial-img {
  width: 80px !important;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 20px;
  object-fit: cover;
  border: 3px solid var(--secondary-color);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary-color) !important;
}

/* Contact & Form */
.contact-info-box {
  background-color: var(--primary-color);
  color: white;
  padding: 40px;
  border-radius: 15px;
  height: 100%;
}
.contact-info-item {
  display: flex;
  margin-bottom: 25px;
}
.contact-info-item i {
  font-size: 1.4rem;
  margin-right: 15px;
  color: var(--secondary-color);
}
.form-control {
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 149, 173, 0.25);
  border-color: var(--secondary-color);
}