@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;
}
.bd-right {
    border-right: 1px solid #B48A3C;
}
.bd-left {
    border-left: 1px solid #B48A3C;
}
.bd-expertise {
    border-right: 1px solid #B48A3C;
}
.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;
}
.bg-image {
  background-image: url("../img/bg-home.png");
  background-size: cover;       /* La imagen llena el div sin deformarse */
  background-position: center;  /* Centrada */
  background-repeat: no-repeat; /* Evita repeticiones */
}

.no-margin {
  margin: 0;
  padding: 0;
}

.ic-check{
  width: 2em;
  margin-right: .25em;
}

.ic-clientes {
  width: 5em;
}
.w-11{
  width: 11em;
}
.fs-12 {
  font-size: 1.2em!important;
}
.fs-13 {
  font-size: 1.3em!important;
}
.fs-15 {
  font-size: 1.5em!important;
}
.fs-15a {
  font-size: 1.55em!important;
}

.fs-1 {
  font-size: 1em!important;
}
.fs-06 {
  font-size: .6em!important;
}
.fs-2 {
  font-size: 2em!important;
}

.fw-bold {
  font-weight: bold !important;
}

.pl-2{
  padding-left: 2em;
}
.pr-2{
  padding-right: 2em;
}

.pl-3{
  padding-left: 3em;
}

.pl-4{
  padding-left: 4em;
}

.pr-3{
  padding-right: 3em;
}

.pl-5{
  padding-left: 5em;
}

.pt-3{
  padding-top: 3em!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!important;
}

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

.about{
  width:100%;
}

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

.about-image{
  width:50%;
}

.about-image-hight{
  height: 54vh;
  object-fit: cover;  /* llena el espacio sin deformarse */
  object-position: center;
}


/* La imagen ocupa el 100% del div */
.hero-img {
  width: 100%;
  height: 35em;
  object-fit: cover;
  object-position: center;
}

/* Asegura que las columnas tengan la misma altura */
.row.align-items-stretch {
  align-items: stretch;
}

.icon {
  width: 4em;
}

.oval-image {
  width: 260px;              /* ajusta el tamaño */
  height: 340px;             /* ajusta el tamaño */
  border-radius: 50%;        /* forma ovalada */
  overflow: hidden;          /* recorta la imagen dentro del óvalo */
  border: 4px solid #c9a46a; /* borde dorado */
  display: flex;
  justify-content: center;
  align-items: center;
}

.oval-image img {
  /*width: 100%;*/
  height: 100%;
  object-fit: cover;         /* llena el óvalo sin deformarse */
}
.justinian {
    font-size: 1.5em;
}
.justinian-img {
  width: 4em;
  margin: 15px 0;
}
.logo-justinian {
  width: 11em;     /* ajusta el tamaño */
  height: auto;
}
.aea {
  width: 6em;
  margin: 15px 0;
}
.abogados{
    width: 4em;
    margin: 15px 0;
}
.ica-zamora {
  width: 8em;
  margin: 15px 0;
}
.ica-sevilla {
  width: 6em;
  margin: 15px 0;
}
.ica-malaga {
  width: 12em;
  margin: 15px 0;
}






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;
}
.separador{
  width: 7.5em;
}

.icono-presencia {
  width: 24em;   /* ajusta según tu diseño */
  height: auto;
}


  @media (max-width: 767px) {
    .logo {
        width: 12em;
    }
    .pl-none{
      padding-left: 0!important;
    }
    .pr-none{
      padding-right: 0!important;
    }
    .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;
    }
    .bd-expertise {
      border-right: none;
      border-bottom: 1px solid #B48A3C;
      margin-bottom: 2em;
    }
    .separacion-bottom {
        padding-bottom: 2em;
    }
    .separacion-top {
        padding-top: 2em;
    }
    .about-image-hight{
      height: auto;
  }
 }   

 @media (min-width: 992px) and (max-width: 1230px) {
  .fs-expertise{
    font-size: .8em!important;
  }
 }

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

  @media (min-width: 1030px) and (max-width: 1227px) {
  .hero-img {
    height: 37rem;
  }
  }




  #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);
}