:root{
    --color-principal:#393192;
    --color-secundario1:rgba(251,176,59,1);
    --color-blanco:rgba(255,255,255,1);
    --color-texto-titulo:#333333;
    --color-texto-texto:#868B8E;
    }

    @font-face {
        font-family: Gotham-Medium;
        src: url(../Recursos/font/Gotham-Medium.otf) format('opentype');
    }

    @font-face {
        font-family: GothamRdn-Bold;
        src: url(../Recursos/font/GothamRnd-Bold.otf) format('opentype');
    }

    @font-face {
        font-family: GothamRdn-Light;
        src: url(../Recursos/font/GothamRnd-Light.otf) format('opentype');
    }

    @font-face {
        font-family: Gotham-Bold;
        src: url(../Recursos/font/Gotham-Bold.otf) format('opentype');
    }

    @font-face {
        font-family: Gotham-Light;
        src: url(../Recursos/font/Gotham-Light.otf) format('opentype');
    }

    body{
        font-family: Gotham-Medium;
        margin-top:150px;
    }

    #navbarCollapse ul li{
        margin-left:2rem;
    }

    #navbarCollapse ul li a {
        color: var(--color-blanco);
        text-decoration:none;
    }

    #navbarCollapse ul li a:hover{
      color:var(--color-secundario1);
    }
    .container{
      margin-bottom: 2rem;
    }


    .titulo-jumbotron{
      font-family: Gotham-Bold;
      font-size:2rem;
      color: var(--color-texto-titulo);
    }
    .titulo-footer-line{
      width:130px;
      height:20px;
      border-bottom: 0.3rem solid var(--color-texto-titulo);

    }

    .texto-jumbotron{
      font-family: Gotham-Light;
      font-size:1rem;
        color:var(--color-texto-texto);
    }








    .centrado{
    display: flex;
    justify-content:center;
    align-items:center;
    padding: 1rem;
    }

    .valores{
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin-top: 1rem;
    }

    .icon-valores{
        font-size:4rem;
        color:var(--color-principal);
        margin-top: 1rem;
    }
    .text-valores{
    margin-left: 10px;
    font-size:1.5rem;
    color:var(--color-texto-texto);
    }

    .jumbotron-principal {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/pexels-ivan-mudruk-10430644.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .objeto-opaco{
        background:rgba(255,255,255,0.85);
        padding: 10px;
        border-radius: 0.5rem;
    }


    .jumbotron-segundo {
        /* background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)) ,url("img/png/pexels-liza-summer-6347711.jpg"); */
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/clientes/chubb/familia.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-somos {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/pexels-rodnae-productions-7845044.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-sosten {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/juliane-liebermann-O-RKu3Aqnsw-unsplash.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-proposito {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/pexels-agung-pandit-wiguna-1128318.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-valores{
        background: linear-gradient(var(--color-blanco),var(--color-blanco));
        background-repeat:no-repeat;
        background-size:cover;

    }

    .jumbotron-clientes{
      background: linear-gradient(var(--color-blanco),var(--color-blanco));
      background-repeat:no-repeat;
      background-size:cover;
    }


    .jumbotron-nuestro-equipo {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/team.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }

    .jumbotron-productos {
        background: linear-gradient(rgba(5,7,12,0.10),rgba(5,7,12,0.10)),url("../Recursos/img/png/pexels-pixabay-39691.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .item-producto{
    text-decoration: none;
    }

    .item-producto .card-title{
      color:var(--color-secundario1);
    }

    .item-producto:hover .card-title{
        color:var(--color-blanco);
    }

    .item-producto:hover .card{
      background:var(--color-secundario1) !important;
    }


    .flip-card {
        background-color: transparent;
        width: 300px;
        height: 300px;
        border: 1px solid var(--color-blanco);
        perspective: 1000px;
      }


      .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.8s;
        transform-style: preserve-3d;
      }


      .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
      }


      .flip-card-front, .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }
      .flip-card-front{
        top:20px;
      }




      .flip-card-front {
          color: black;
      }


      .flip-card-back {
          background: var(--color-blanco);
        color: var(--color-texto-texto);
        transform: rotateY(180deg);
      }

    .cliente-logo{
      border:1px solid var(--color-blanco);
      display:flex;
      justify-content: center;
      align-items: center;
      padding: 10px;

    }



    .titulo-producto{
      background:var(--color-secundario1);
      color:var(--color-blanco);
      padding:15px 10px;
    }






    .contenedor{

      overflow: hidden;
      border-radius:15px;
      margin-top: 3rem;

    }

    .producto-1{
        background: url("img/clientes/REDSALUD.png");
    }

    .producto-2{

      background: url("img/clientes/CHUBB.png");


    }



    .frente{
      position: absolute;
      height:300px;
      width:300px;
      background-repeat:no-repeat;
      background-size:cover;
      border-radius:15px;
      border: 1px solid var(--color-texto-texto);

    }

    .frente img{
      position: absolute;
      top:90px;
    }

    .slide-producto{
      position:relative;
      content: '';
      height:300px;
      width:300px;
      background:var(--color-principal);
        display: absolute;
      top: 0px;

      z-index:100000;
      top:200px;
      transition: 0.5s;

    }

    .contenedor:hover .slide-producto{
      top:0px;
      /* background: linear-gradient(rgba(5,7,12,0.80),rgba(5,7,12,0.80)); */
      /* background: linear-gradient(rgba(57,49,146,0.80),rgba(57,49,146,0.80)); */
      background: linear-gradient(rgba(251,176,59,0.80),rgba(251,176,59,0.80));


      border-radius:15px;
    }


    .contenedor:hover .producto{
      top: 45%;
      color:rgba(57,49,146,1);
    }

    .producto{
      font-size: 0.9rem;
      color: var(--color-blanco);

      position: absolute;
        top: 12%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        text-align: center;

    }


    .btn_producto{
      position: absolute;
        top: 85%;
        left:30%;
        transform: translateY(-50%);
        text-align: center;
    }

    footer{
      /* color: var(--color-blanco); */
      /* background:var(--color-principal); */
      /* background: var(--color-texto-texto); */
      background: rgba(238,237,237,1);
      color:var(--color-principal);


    }

    .subfooter{
    font-size: 0.7rem;
    padding-bottom: 10px;
    }

    .link-footer{
      /* color: var(--color-blanco); */
      color:var(--color-principal);
      text-decoration: none;
      font-family: Gotham-Light;
      font-size: 0.9rem;
    }

    .link-footer:hover{
    color:var(--color-secundario1);
    }

    .social-icons .fa-brands{
    font-size: 1.5rem;
    margin-left: 1rem;
    /* color: var(--color-blanco); */
    color:var(--color-principal);
    }

    .social-icons .fa-brands:hover{
      color: var(--color-secundario1);
    }

    .icon-contacto{
      font-size: 0.9rem;
      margin-bottom: 1rem;
    }

    .lista-contactos{
      font-size:0.9rem;
      font-family: Gotham-Light;
    }

    .nav-link.active{
      border-bottom: 4px solid var(--color-secundario1);
    }

    .opciones{
    margin-left: 2rem;
    }

    .dropdown-menu{
    background: var(--color-secundario1);
    }

    .dropdown-menu li a:hover{
      background:var(--color-principal);
    }

    #logo_menu{
      height:130px; width:auto;
    }

    .floating-button {
      right: 30px !important;
      bottom: 30px !important;
    }

    .floating-button .btn:focus {
      box-shadow: none;
    }

    .floating-button .dropdown-menu.show div {
      animation: fadeInUp;
      animation-duration: 0.5s;
    }

    .dropdown-item {
        font-size: 0.8rem;
        font-family: Gotham-Light;
    }


    @media (max-width: 600px) {
      .titulo-jumbotron{
        font-size:1.1rem;
      }
      .texto-jumbotron{
        font-size:0.8rem;
      }

      .video-red-salud{
        width:480px;
        height:268px;
      }

      #logo_menu{
        height:80px; width:auto;
      }
    }