@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900|Poppins:100,100i,200i,300,400,500,500i,600,600i,700&display=swap");
@import url("https://fonts.google.com/share?selection.family=Cinzel:wght@400..900|Open+Sans:ital,wght@0,300..800;1,300..800");


html {
  font-size: 14px; /* base */
}
body {
    font-family: 'Cormorant Garamond', serif;
    color: #1b2740;
    width: 100%;
}

h1, h2, h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
.fnt-cinzel {
  font-family: 'Cinzel', serif;
}
h2 {
  font-size: 3rem;
}
.hight-body {
    position: relative;
    height: 57vh;
}
.bi-telephone {
  font-size: 1em;
  color: #c9a46a; /* dorado */
  padding-right: 1em;
}
.bi-envelope {
  font-size: 1em;
  color: #c9a46a; /* dorado */
  padding-right: 1em;
}
.bi-globe2 {
  font-size: 1em;
  color: #c9a46a; /* dorado */
  padding-right: 1em;
}

.bi-c-circle {
  font-size: 1em;
  color: #fbffff; /* dorado */
  padding-right: 1em;
}

  .bg-darkblue {
    background-color: #011327;
  }
  
  .no-margin {
    margin: 0;
    padding: 0;
  }
  .ic-clientes {
    width: 5em;
  }
  .fs-12 {
    font-size: 1.2em!important;
  }
  .fs-15 {
    font-size: 1.5em!important;
  }
  .fs-15a {
    font-size: 1.55em!important;
  }
  .fs-1 {
    font-size: 1em!important;
  }
  .fs-2 {
    font-size: 2em!important;
  }
  .fs-3 {
    font-size: 3em!important;
  }
  .fw-bold {
    font-weight: bold !important;
  }
  .pl-3{
    padding-left: 3em;
  }
  .pl-4{
    padding-left: 4em;
  }
  .pr-3{
    padding-right: 3em;
  }
  .pl-5{
    padding-left: 5em;
  }
  .pt-4{
    padding-top: 4em!important;
  }
  .pt-05 {
     padding-top: .5em!important;
  }
  .white {
    color: #fbffff!important;
  }
  .txt-left{
    text-align: left;
  }
  .dorado {
    color: #B48A3C;
  }

  h3 {
    font-size: 1.75em;
  }
  .top-5 {
    margin-top: 5em;
  }

  .logo {
    width: 14em;
  }
  .logo-footer {
    width: 20em;
  }
  .navbar {
  padding: 15px 20px;
    }

    .nav-link {
    font-weight: 500;
    color: #1b2740 !important;
    font-size: 1.1em;
    }

    .nav-link:hover {
    color: #8b6b2f !important;
    }
    
    .nav-link.active {
    font-weight: bold;
    border-bottom: 2px solid #8b6b2f; /* color dorado */
    padding-bottom: 6px; /* para que no salte el layout */
    }

    .txt-left {
        text-align: left;
    }
    .philosophy-img {
      object-fit: contain;
      padding: 0 3em 0 5em;
    }

  .pra-hero {
    text-align: center;
    padding: 20px 20px 60px 20px;
  }

  .pra-hero h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin: auto;
    max-width: 700px;    
  }

  .pra-hero p {
    max-width: 700px;
    color: #555;
    font-size: 1.2rem;
  }
  .txt-international {
    width: 85%;
  }
  .ic-different{
        width: 4.75em;
    padding: 1.4em 0;
  }
  .about{
    display:flex;
    align-items:stretch;
    width:100%;
}

.about-text{
    width:50%;
    background:#02152b;
    padding:60px;
    box-sizing:border-box;
}

.about-image{
    width:50%;
}

.about-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.justinian-img {
    width: 4em;
    margin: 15px 0;
}
.aea {
    width: 6em;
    margin: 15px 0;
}

.aea-text {
  font-size: 1.2em;
  margin-left: 1em;
}
.justinian {
    font-size: 1.5em;
}
.abogados{
    width: 4.5em;
    margin: 15px 0;
}

  .pra-card {
    border: 1px solid #e0e3ea;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    text-align: center;
  }

  .pra-card img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 15px;
  }

  .pra-role {
    font-weight: 600;
    color: #8b6b2f;
    margin-bottom: 5px;
    display: block;
    font-size: 1.2em;
  }

  .pra-subrole {
    font-size: 0.85rem;
    color: #777;
    margin-bottom: 10px;
    display: block;
    font-size: 1em;
  }

  .pra-lang {
    font-weight: 600;
    font-size: 0.85rem;
    margin-top: 10px;
    display: block;
    margin-top: auto; /* empuja los idiomas al fondo */
  }

  .center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.equal-row {
  display: flex;
  flex-wrap: wrap;
}

.equal-row .equal-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.center-icon-text {
  display: flex;
  align-items: center;        /* alinea icono y texto verticalmente */
  gap: 0.4em;                 /* espacio entre icono y texto */
}
.bi-c-circle {
    padding-right: 0.3em;
}
.img-balanza {
  width: 15em;
}
  footer {
    text-align: center;
    padding: 40px 20px;
    margin-top: 60px;
    border-top: 1px solid #e0e3ea;
  }
.footer-fixed {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
  .bd-left-footer {
    border-left: 1px solid #403f45;
  }

  .bd-right-footer {
    border-right: 1px solid #403f45;
  }
  .bd-top-footer {
        border-top: none;
    }

    .bd-bottom-footer {
        border-bottom: none;
    }
  ul {
    list-style: none;
    padding: 0;
    margin: 0
  }
  .list-footer {
    text-align: left;
    margin-left: 3em;
  }

  .pto-separador {
    padding: 0 .5em;
  }
  .catedral-box {
    display: flex;
    align-items: flex-end; /* baja la imagen al fondo del div */
    }
    .catedral-img {
        width: 8em;
    }
  @media (max-width: 768px) {
    .logo {
        width: 12em;
    }

    .about{
    flex-direction:column;
    }

    .about-image{
        order:1;
        width:100%;
    }

    .about-text{
        order:2;
        width:100%;
        padding:40px 25px;
    }

    .about-image img{
        height:350px;
        object-fit:cover;
    }
    .bd-left-footer {
        border-left: none;
    }

    .bd-right-footer {
        border-right: none;
    }
    .bd-top-footer {
        border-top: 1px solid #403f45;
    }

    .bd-bottom-footer {
        border-bottom: 1px solid #403f45;
    }
    .separacion-bottom {
        padding-bottom: 2em;
    }
    .separacion-top {
        padding-top: 2em;
    }
 }   

 @media (min-width: 769px) and (max-width: 1024px) {
    .pra-hero h1 {
        font-size: 2rem;
    }
    .top-firm {
        margin-top: 2em!important;
    }
    .fs-15 {
    font-size: 1em!important;
  }
 } 

 #cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size:20px;
	clear:both;
        font-weight: strong;
color: #333;
bottom:-50px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}