@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%;
}
.fnt-cinzel {
  font-family: 'Cinzel';
}
h1, h2, h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
h2 {
  font-size: 3rem;
}
.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;
}
.salto-linea {
  display: block;
}

.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;
}

.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-1{
  padding-top: 1em!important;
}
.pt-2{
  padding-top: 2em!important;
}
.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: 9em;
  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;
    }
    .txt-centrado{
      text-align: center;
    }
    .about{
    flex-direction:column;
    }
    .pl-none{
      padding-left: 0!important;
    }
    .pr-none{
      padding-right: 0!important;
    }
    .about-image{
        order:1;
        width:100%;
    }
  .philosophy-img {
      padding: 0;
  }
    .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);
}