/* Autor: Alicia Barroos Álvarez | Fecha: 2025 */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
html {overflow-x: hidden;}
.hero {height: 70vh;display: flex;align-items: end;}
.hero .content {width: 60%;}
.overlay {background: rgba(0, 0, 0, 0.5);}
#avisolegal,
#colabora,
#cookies,
#privacidad {margin-top: 10rem !important;}
.img-container {height: 200px;border-radius: 20px;background-size: cover;background-position: center;}
.bg-img4 {background-image: url('../media/a\ \(19\).jpg');height: 700px;}
.bg-img6 {background-image: url('../media/a\ \(1\).jpg');height: 400px;}
.bg-img7 {background-image: url('../media/a\ \(12\).jpg');height: 400px;}
.w-40 {width: 40%;}
.w-60 {width: 60%;}
.hero .logo {width: 50%;margin-bottom: 3rem;}
button.btn,
a.btn {border-radius: 50px !important;}
.position-fixed a {width: 45px;height: 45px;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
[data-bs-theme="dark"] input.form-control,
[data-bs-theme="dark"] input.form-control:focus,
[data-bs-theme="dark"] input.form-control:hover,
[data-bs-theme="dark"] select.form-select,
[data-bs-theme="dark"] select.form-select:focus,
[data-bs-theme="dark"] select.form-select:hover,
[data-bs-theme="dark"] textarea.form-control,
[data-bs-theme="dark"] textarea.form-control:focus,
[data-bs-theme="dark"] textarea.form-control:hover {border-bottom: 1px solid var(--bs-body-color);}
[data-bs-theme="dark"] input.form-control::placeholder {color: var(--bs-body-color);}
[data-bs-theme="dark"] .btn-outline-dark {border-color: white;color: white;}
.hero h1,.card h2,.quiksand {font-family: "Quicksand", serif;}
.hero h1 {font-size: 3rem;}
input.form-control,
input.form-control:focus,
input.form-control:hover,
select.form-select,
select.form-select:focus,
select.form-select:hover,
textarea.form-control,
textarea.form-control:focus,
textarea.form-control:hover {background-color: transparent;border: none;border-bottom: 1px solid var(--bs-body-color);border-radius: 0;color: var(--bs-body-color);font-size: 14px;padding: 1rem;}
.form-select {background-color: #212529;border: 1px solid #495057;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding: 10px;}
.form-select {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat: no-repeat;background-position: right 10px center;background-size: 16px;}
.form-select:focus {border-color: #66afe9;outline: none;box-shadow: 0 0 5px rgba(102, 175, 233, 0.5);}
input.form-control::placeholder,
[data-bs-theme="dark"] input.form-control::placeholder {color: var(--bs-body-color) !important;}
textarea::placeholder {color: var(--bs-body-color) !important;}
select option {background-color: black;color: white;}
.section-form button {float: right;margin-top: 2rem;}
.section-contacto {margin-bottom: 3rem !important;}
.section-contacto h2 {margin-top: 6rem !important;}
.navbar {padding: 2rem 0;padding: 17px 8rem !important;backdrop-filter: blur(7px);box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.navbar-scroll {padding: 5px 8rem !important;transition: padding 0.3s ease-in-out;}
.navbar-default {padding: 17px 8rem !important;transition: padding 0.3s ease-in-out;}
#navbar {transition: padding 0.3s ease-in-out;}
.navbar-nav .nav-item {margin: 0 4px;}
.card {background-color: var(--bs-card-cap-bg);border: none;}
.stats .row .col-md-4:last-of-type .card {background-color: var(--bs-border-color);}
.stats h1 {margin-top: 7rem;margin-bottom: 7rem !important;}
.section-collage {margin-top: 5rem;}
.section-collage h1 {text-align: right;}
#section-links a .small {font-size: 20px;font-size: 20px;right: -25px;position: absolute;top: 0px;color: var(--bs-border-color-translucent);}
#section-links a {transition: 0.2s;}
#section-links .mt-3 a {font-size: 20px !important;}
#section-links {margin-bottom: 5rem;background-color: var(--bs-gray-100);}
[data-bs-theme="dark"] #section-links {background-color: var(--bs-dark-bg-subtle);}
#section-links {position: relative;padding: 5rem;}
#section-links::before {content: "";position: absolute;top: 50%;left: 50%;width: inherit;height: 95%;background: url(../media/icon_dark.png) center / contain no-repeat;opacity: 0.05;transform: translate(-50%, -50%);pointer-events: none;}
[data-bs-theme="dark"] #section-links::before {background: url(../media/icon_light.png) center / contain no-repeat;opacity: 0.02;}
.section-card-items>div>div {border-radius: 50px;font-size: 0.9rem;}
.section-card-items>div>div h5 {margin-left: 20px;font-size: 17px;font-weight: 400;}
#contactForm button {float: right;}
.empresas {text-align: center;padding: 40px 0;margin-bottom: 10rem !important;}
.logos {display: flex;justify-content: center;gap: 10%;align-items: center;}
.logo {width: 100px;filter: grayscale(100%);transition: filter 0.3s ease-in-out;transition: 0.5s;height: fit-content;}
.logo:hover {filter: grayscale(0%);transform: scale(1.1);transition: 0.5s;}
.carousel-control-prev,
.carousel-control-next {height: 50px;position: absolute;top: 300px;}
.carousel-item>div>div {height: 70vh;background-size: cover;background-position: center !important;}
.carousel-item .col-md-2 {width: 24% !important;}
.carousel-item .bg-img1 {background-image: url('../media/a\ \(9\).jpg');}
.carousel-item .bg-img2 {background-image: url('../media/a\ \(4\).jpg');}
.carousel-item .bg-img3 {background-image: url('../media/a\ \(3\).jpg');}
.carousel-item .bg-img4 {background-image: url('../media/a\ \(5\).jpg');}
.carousel-item .bg-img5 {background-image: url('../media/a\ \(6\).jpg');}
.carousel-item .bg-img6 {background-image: url('../media/a\ \(7\).jpg');}
.carousel-item .bg-img7 {background-image: url('../media/a\ \(11\).jpg');}
.carousel-item .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);border-radius: 32px;}
.empresas {background-color: white;margin-top: 11rem !important;margin-bottom: 13rem !important;}
.position-fixed a, [data-bs-theme="dark"] .position-fixed a {border: 2px solid #25d366;color: #25d366;}
.position-fixed a:hover, [data-bs-theme="dark"] .position-fixed a:hover {background-color: #25d366;color: white;border: 2px solid #25d366;}
.position-fixed a i, [data-bs-theme="dark"] .position-fixed a i {font-size: 20px !important;}
#colaboraForm input, #colaboraForm textarea {padding: 10px;}
.principal-section .list-unstyled {display: flex;}
.principal-section .list-unstyled li i {margin-left: 15px;margin-right: 5px;}
.principal-section .list-unstyled li {margin-bottom: .5rem;}
.container-cards {gap: 4%;display: flex;justify-content: center;margin-top: 5rem;}
.container-cards .card {width: 30%;height: 350px;perspective: 1000px;box-shadow: none !important;}
.container-cards .card-inner {width: 100%;height: 100%;position: relative;transform-style: preserve-3d;transition: transform 0.6s;}
.container-cards .card-front h4 {width: 100%;font-family: 'Quicksand';text-align: center;position: absolute;line-height: 40px;margin: 0;padding: 0;font-size: 20px;}
.container-cards .card-front h4 i {font-size: 30px;color: var(--bs-gray-500);}
.container-cards .card:hover .card-inner {transform: rotateY(180deg);}
.container-cards .card-front,
.container-cards .card-back {width: 100%;height: 100%;position: absolute;backface-visibility: hidden;display: flex;align-items: center;justify-content: center;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.container-cards .card-front {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;background-color: var(--bs-body-bg);color: var(--bs-gray-600);box-shadow: none;}
.container-cards .card-back {background: var(--bs-emphasis-color);color: var(--bs-body-bg) !important;transform: rotateY(180deg);flex-direction: column;padding: 15px;}
.container-cards .card-back ul {list-style: none;padding: 0;text-align: center;}
.container-cards .card-back li {margin: 5px 0;font-size: 16px;}
.section-videoconsulta {background: url(../media/videocall.jpg) center;padding: 10rem !important;margin-bottom: 8rem;}
.section-videoconsulta a img {position: relative;top: -2px;width: 20px;margin-right: 7px;}
.section-tellamamos {background: url('../media/a (2\).jpg');padding: 7rem !important;background-position: 0 -175px;background-size: cover;}
.qxCTlb {color: black !important;background: white !important;font-weight: 400 !important;border-radius: 22px !important;}
.qxCTlb:hover {background: #e0e0e0 !important;}
.carousel-mv {display: none;}
.section-quienessomos {background: url(../media/aaa.jpg) center;padding: 10rem !important;margin-bottom: 8rem;padding: 4rem 20rem !important;}
.section-quienessomos p {text-align: justify;line-height: 26px;font-weight: 400;}
.section-quienessomos .overlay {background: rgb(22 27 33 / 83%) !important;border-radius: 0 !important;}
/* rspnsv */
@media (max-width: 1100px) {
  body {overflow: hidden;}
  .div100 {display: none;}
  .hero {height: auto;padding: 24vh 0;margin-top:100px;}
  .hero .content {width: 100%;text-align: center;}
  .hero .content h1 {font-size: 25px;}
  .navbar {padding: 25px 0 !important;background-color: var(--bs-body-bg);}
  .navbar-brand img {width: 180px;}
  .navbar-nav {margin-top: 1rem;}
  #themeToggle {margin-left: 0 !important;background-color: transparent;color: var(--bs-body-color);border: none;font-size: 20px;text-align: right;width: 100%;}
  .navbar-toggler {border: none;}
  .section-quienessomos {padding: 6rem !important;}
  .empresas {background-color: white;padding: 5vh 0px !important;margin-top: 3rem !important;margin-bottom: 3rem !important;}
  .empresas .logos {display: block;}
  .empresas .logos img {margin: 20px;height: auto !important;}
  .textnuestrosservicios {text-align: center;margin-bottom: 2rem !important;margin-top: 5rem !important;}
  .carousel-mv {display: block;}
  .sectioncarousel {display: none;}
  .carousel-mv>div {padding: 3rem 2rem;background-position: center;border-radius: 35px;margin: 10px;height: auto;position: relative;background-size: cover;background-position: center;}
  .carousel-mv .bg-img1 {background-image: url('../media/a\ \(9\).jpg');}
  .carousel-mv .bg-img2 {background-image: url('../media/a\ \(4\).jpg');}
  .carousel-mv .bg-img3 {background-image: url('../media/a\ \(3\).jpg');}
  .carousel-mv .bg-img4 {background-image: url('../media/a\ \(5\).jpg');}
  .carousel-mv .bg-img5 {background-image: url('../media/a\ \(6\).jpg');}
  .carousel-mv .bg-img6 {background-image: url('../media/a\ \(7\).jpg');}
  .carousel-mv .bg-img7 {background-image: url('../media/a\ \(11\).jpg');}
  .carousel-mv .overlay {position: absolute;top: 0;left: 0;right: 0;border-radius: 35px;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}
  .carousel-mv .text-white {position: relative;z-index: 2;color: white;}
  .divbtnrrss {position: inherit !important;}
  .section-contacto h2 {margin-top: 4rem !important;}
  .divbtnrrss {position: inherit !important;padding: 0 !important;}
  .divbtnrrss button,.divbtnrrss a {margin-left: 0 !important;margin-bottom: 5px !important;font-size: 15px;}
}
@media (max-width: 600px) {
  .stats h1 {margin-top: 4rem;text-align: center;margin-bottom: 3rem !important;}
  .stats .col-md-4 {margin-bottom: 1rem;}
  section.section-quienessomos {padding: 2rem !important;}
  .section-collage {margin-top: 0rem;margin-bottom: 0;}
  .btnconsulta {margin-top: 0 !important;}
  .s-c-1 {padding: 0 !important;padding-top: 3rem !important;text-align: center;}
  .bg-img4 {height: 50vh;}
  .colderecha {margin: 0 !important;}
  #section-collage .overlay {background: #111111;opacity: .6;}
  .colderecha p.quiksand {margin-top: 6rem;}
  #section-links {text-align: center;padding-bottom: 0rem !important;margin-bottom: 2rem;}
  .btnqueremosayudarte {margin-top: 3rem;}
  .container-cards {display: block;margin-top: 3rem;}
  .container-cards .card {width: 100%;margin-bottom: 2rem;}
  .btnhazconsulta {width: 100%;}
  .section-videoconsulta {padding: 20vh 0 !important;border-radius: 25px;margin-bottom: 4rem;}
  .section-tellamamos {padding: 2rem !important;background-position: center;}
  #avisolegal,#colabora,#cookies,#privacidad {margin-top: 0rem !important;}
  #avisolegal .flex-grow-1.p-4, #colabora .flex-grow-1.p-4, #cookies .flex-grow-1.p-4, #privacidad .flex-grow-1.p-4{margin-top: 7rem;}
  .section-collage {text-align: justify;}
}