@charset "utf-8";
/* CSS Document */

.upperimage img{
width:100%;
top:0;
background-color: #00000;
animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}


@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media screen and (max-width:800px){
	.upperimage{
		margin-top:98px;
	}	
}

.accordionbox, .abogadoscontainer{
	width: 70%;
	max-width: 700px;
	margin:0 auto;
	margin-bottom: 8rem;
	margin-top:6rem;
	font-family: 'Barlow', sans-serif;
	color:var(--azul);
}

.serviciostxt{
	width:75%;
	max-width: 800px;
	margin: 0 auto;
	text-align: justify;
	font-family: 'Barlow', sans-serif;
	color:var(--azul);
}
.abogadostitle, .abogadosbtn{
	width:100%;
	max-width: 700px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 5rem;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-family: 'Barlow', sans-serif;
	color:var(--azul);
}

.serviciostxt h2, .abogadostitle h3 {
	font-size: 3rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
	}

.serviciostxt p, .abogadostitle p{
	font-size: 1em;	
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color:rgba(255,255,255,0.44);
  color:#003380;
  font-family: 'Barlow', sans-serif;
  cursor: pointer;
  padding: 25px;
  width: 100%;
  border-bottom: 1.5px solid #003380;
  border-right: none;
  border-left: none;
  border-top: none;
  text-align:left;
  outline:rgba(0,0,0,0.00);
  font-size: 20px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color:rgba(199,199,199,0.30);
}

.panel {
  padding: 0 18px;
  background-color:rgba(255,255,255,1.00);
  color:#003380;
  font-family: 'Barlow', sans-serif;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content: '\2b'; /* Unicode character for "plus" sign (+) */
  font-size: 25px;
  color: #003380;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: '\2013'; /* Unicode character for "minus" sign (-) */
}

.abogado{
	width:100%;
	margin-top: 1em;
	padding: 2rem .5rem;
	border-bottom: 1.3px solid var(--azul);	
	text-align: center;
	transition: 0.4s;
}

.abogado:hover{
	background-color:rgba(199,199,199,0.30);
}

.abogado a{
	text-decoration: none;
	color:var(--azul);
	font-size: 1.1rem;
}

@media screen and (max-width:800px){
	
	.serviciostxt h2, .abogadostitle h3 {
	font-size: 2em;
	
	}
}