@charset "UTF-8";
h1 {
  font-family: 'Montserrat', sans-serif; }

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important; }

h3 {
  font-family: 'Montserrat', sans-serif; }

h4 {
  font-family: 'Montserrat', sans-serif; }

h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important; }

p {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300; }

.custom-logo-link img {
  width: 163px;
  height: 90px; }

.header {
  background-color: black !important; }

.header a {
  color: white;
  text-decoration: none; }
.header a:hover {
  color: grey; }

.footer {
  background-color: black; }

/* carrusel frontpage */
.carousel-item {
  position: relative;
  width: 100%;
  /* O el ancho que desees */
  height: 800px;
  /* O la altura que desees */
  overflow: hidden; }

.carousel-item img {
  position: absolute;
  top: 0;
  /* Alinea la imagen con la parte inferior del contenedor */
  left: 50%;
  /* Centra la imagen respecto al eje X */
  transform: translateX(-50%);
  /* Ajusta el centrado de la imagen */
  /* Ajusta el tamaño de la imagen según sea necesario */
  max-width: 100%;
  /* Opcional, para asegurar que la imagen no sobrepase el ancho del contenedor */
  height: auto;
  object-fit: cover; }

/* menu card */
.contenedorCardsMenu {
  margin-top: 5em !important;
  box-shadow: 0 11px 65px 0 rgba(0, 0, 0, 0.07); }
  .contenedorCardsMenu .menuCard {
    cursor: pointer;
    border: 1px solid #f2f2f2;
    text-align: center;
    padding: 40px 60px;
    font-weight: 300;
    min-height: 530px;
    position: relative;
    margin-top: 0 !important;
    transition: all 0.2s ease;
    position: relative;
    background: url("ruta_de_tu_imagen.jpg") center/cover;
    overflow: hidden; }
    .contenedorCardsMenu .menuCard::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, black, rgba(0, 0, 0, 0.1));
      z-index: 0; }
    .contenedorCardsMenu .menuCard::after {
      content: '➔';
      position: absolute;
      right: 50%;
      top: 90%;
      font-size: 2em;
      transform: scale(0);
      transition: transform 0.3s ease;
      color: #FF0000; }
    .contenedorCardsMenu .menuCard .card {
      background-color: transparent; }
    .contenedorCardsMenu .menuCard:hover::after {
      transform: scale(1); }
    .contenedorCardsMenu .menuCard:hover .fas {
      transform: rotate(360deg);
      color: #FF0000;
      transition: transform 0.3s ease, color 0.3s ease; }
  .contenedorCardsMenu .fas {
    transition: transform 0.3s ease, color 0.3s ease;
    display: inline-block; }
  .contenedorCardsMenu .menuCard > .card:nth-child(2n+1) {
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3; }
  .contenedorCardsMenu .card-body {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    color: white; }
  .contenedorCardsMenu .menuCard:hover {
    scale: 1.06;
    box-shadow: 0 11px 65px 0 rgba(0, 0, 0, 0.07);
    z-index: 2; }
    .contenedorCardsMenu .menuCard:hover:hover::after {
      transform: scale(1); }
    .contenedorCardsMenu .menuCard:hover:hover svg {
      animation: bounce 0.5s ease;
      color: #FF0000;
      transition: transform 0.3s ease, color 0.3s ease; }
    .contenedorCardsMenu .menuCard:hover:hover h5, .contenedorCardsMenu .menuCard:hover:hover h2 {
      color: #FF0000; }
@keyframes bounce {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); } }
/* front page modulo ServiciosLaura */
/* front page modulo ServiciosLaura */
.ServiciosLaura {
  padding: 60px !important;
  box-shadow: 0 11px 65px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 3em;
  margin-top: 3em; }
  .ServiciosLaura .row {
    gap: 3em; }
    .ServiciosLaura .row .col {
      padding: 0 40px; }
    .ServiciosLaura .row .ServicesFrontEnd {
      display: block;
      aspect-ratio: 1 / .75;
      overflow: hidden;
      text-decoration: none;
      padding: 0;
      cursor: pointer; }
      .ServiciosLaura .row .ServicesFrontEnd .card {
        border: 0;
        position: relative;
        width: 100%;
        height: 100%; }
        .ServiciosLaura .row .ServicesFrontEnd .card .card-img-top {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }
        .ServiciosLaura .row .ServicesFrontEnd .card .card-body {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          color: white;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          transition: background-color 0.5s ease; }
          .ServiciosLaura .row .ServicesFrontEnd .card .card-body h5 {
            margin: 0;
            position: relative;
            padding-bottom: 20px; }
          .ServiciosLaura .row .ServicesFrontEnd .card .card-body:hover {
            background-color: #FF0000; }
            .ServiciosLaura .row .ServicesFrontEnd .card .card-body:hover:after {
              content: '➔';
              position: absolute;
              right: 50%;
              bottom: 10px;
              transform: scale(0);
              font-size: 2em;
              color: white;
              transition: transform 0.5s ease; }
            .ServiciosLaura .row .ServicesFrontEnd .card .card-body:hover:hover:after {
              transform: scale(1); }

/*# sourceMappingURL=atr-public.css.map */