/* INICIO IMPORTANTE modo celular*/
@import url(css/pdanormalize.css);
@font-face {font-family: Verdana;}

* {box-sizing: border-box;}
img {border: none; max-width: 100%;}        
html {overflow-y: scroll;}
.ancho_maximo {width: 350px;}

body {
  margin: 0; 
  padding: 0; 
  margin: auto;}

header {
  background-color: black;
  color: white;}

nav {
background-image: url(../marca/Yo\ soy\ Paula-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
background-color: white; 
height: 500px;}

main {
background-image: url(../marca/Sobre\ mi-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
background-color: black; 
height: 320px;}

section {
background-image: url(../marca/Especialidad-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
background-color: white; 
height: 1500px;
margin-top: -20px;}

aside {
background-image: url(../marca/SoyD-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
margin-top: -55px;
background-color: white; 
height: 1450px;}

form {
background-image: url(../marca/Escribime-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
margin-top: -180px;
background-color: white; 
height: 800px;}

footer {
background-image: url(../marca/Footer-02.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
background-color: black; 
height: 1350px;
color: white;
font-family: Verdana;}



.contenedor {
  width: 90%;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content:space-around;
  align-items: center;
  flex-direction: row;}

.caja {
  width: 33%;
  height: 100px;
  font-family: Verdana;
  text-align: center;
  margin-bottom: -25px;}
.caja a:link, a:visited, a:active{
  color: white;
  text-decoration: none;}
.caja a:hover{
  color: #93c144;
  text-decoration: none;}


.marca {
  width: 75px;
  margin-top: 15px;}
.ico {
  padding-top: 50px;
  width: 16px;}
.botonPdA {
  padding-top: 50px;
  font-size: 10px;
  margin-right: 2px;}
.botonSP {
  position:fixed;
  cursor: pointer;
  z-index: 1000;}


.Branding {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;}
.Branding p{
  padding-top: 390px;
  font-size: 15px;
  text-align: center;
  color: grey;
  font-family: Verdana;
  line-height: 20px;}
.Branding h3{
  margin-left: 25px;
  margin-right: 25px;
  margin-top: -12px;
  font-size: 10px;
  text-align: center;
  color: #7b229f;
  font-family: Verdana;
  line-height: 20px;
  font-weight: lighter;}



.YoSoy {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: -50px;}
.YoSoy p{
  padding-top: 130px;
  font-size: 16px;
  text-align: center;
  color: white;
  font-family: Verdana;
  line-height: 28px;}

article {
  padding-top: 660px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-left: 20px;}
  
.especialidad {
  width: 46%;
  background-color: #eee;
  border-radius: 7%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 28px;
  padding-right: 28px;}

article h2{
  font-size: 15px;
  text-align: center;
  color: #1e547e;
  font-family: Verdana;
  font-variant-caps:all-small-caps;
  line-height: 16px;}
article h3{
  font-size: 11px;
  text-align: center;
  color: 1e547e;
  font-family: Verdana;
  line-height: 22px;
  font-weight: lighter;
  color: black;}

.boton {
  font-family: Verdana;
  font-size: 18px;
  color: dimgrey;
  text-align: center;
  margin-top: 55px;}


.clientes {
  padding-top: 170px;
  width: 100%;
  max-width: 800px;
  overflow: hidden;
  position: relative;}
.clientes img {
  width: 70px;
  margin-left: 15px;
  margin-right: 15px;
  object-fit: cover;}

.pista {
  display: flex;
  width: 260%;
  animation: pasar-imagenes 15s infinite linear;}
@keyframes pasar-imagenes {
  0% { transform: translateX(0); }
  30% { transform: translateX(0); } /* Pausa mientras se muestra la primera */
  33% { transform: translateX(-33.33%); } /* Salto a la segunda */
  63% { transform: translateX(-33.33%); } /* Pausa en la segunda */
  66% { transform: translateX(-66.66%); } /* Salto a la tercera */
  96% { transform: translateX(-66.66%); } /* Pausa en la tercera */
  100% { transform: translateX(0); } /* Vuelve al inicio */}


.Galeria {
  padding-top: 650px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 5px;
  height: 200px;
  text-align: center;}
.Galeria img {
  width: auto;
  height: 120px;}
.GaleMarcas {
  background-image: url(../img/Fondo-02.png); 
  background-repeat: no-repeat; 
  background-size: 100%;
  background-position: top; 
  width: 100%;
  height: 120px;}


.escribi {
  width: 30%;
  margin-left: 60px;
  padding-top: 50px;}
.escribi p{
  font-size: 14px;
  text-align: right;
  color: grey;
  font-family: Verdana;
  line-height: 24px;}

#form1 {
  display: flex; 
  flex-direction: column; 
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 580px;
  text-align: left; 
  font-size: 11px; 
  font-weight: lighter;
  font-family: Verdana;
  color: #9854a6;}

.required {
  text-align: left; 
  padding-left: 2px;
  font-size: 10px; 
  font-weight: lighter;
  font-family: Verdana;
  color: #1e547e;}

.botonF {
  color: #1e547e;
  font-size: 9px; 
  text-align: center; 
  font-weight: bolder; 
  letter-spacing: 2px;
  margin-top: 10px;}
.cajaboton {
  display: flex;
  flex-direction: row;
  justify-content: space-between;}



.pie {
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  padding-top: 700px;}
.pie img{
  width: 120px;}

.pietexto{
  width: 30%;
  margin-left: 45%;
  margin-right: 25%;
  margin-top: 20px;}
.pietexto h2{
  font-size: 12px;}
.pietexto p{
  font-size: 11px;}

.pieico{
  display: flex; 
  flex-direction: row;}
.pieico img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 2px;}
.pieico h2{
  font-size: 12px;}
.pieico p{
  font-size: 11px;
  margin-top: 2px;}

.pdapie{
  margin-left: 20%;
  margin-top: 25px;}
.pdapie img {
  width: 20px;
  height: 20px;
  margin-right: 11px;
  margin-top: 10px;}
.pdapie p {
  font-size: 11px;}
.pdaico{
  display: flex; 
  flex-direction: row;}



  /* Estilos Escritorio */
@media all and (min-width: 601px) {

nav {
background-image: url(../marca/Yo\ soy\ Paula-01.jpg); 
background-repeat: no-repeat; 
background-size: 700px;
background-position: top; 
height: 500px;}

.Branding {
margin-left: 55%;
margin-right: 5%;}

main {
background-image: url(../marca/Sobre\ mi-01.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
height: 320px;}

.YoSoy {
  margin-left: 5%;
  margin-right: 5%;}
.YoSoy p{
  margin-top: -60px;
  padding-top: 200px;}

section {
background-image: url(../marca/Especialidad-01.jpg); 
background-repeat: no-repeat; 
background-size: 1000px;
background-position: top; 
height: 650px;
margin-top: -20px;}

article {
  padding-top: 130px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-left: 40%;}
  
.especialidad {
  width: 30%;
  padding-top: 2px;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;}

aside {
background-image: url(../marca/SoyD-01.jpg); 
background-repeat: no-repeat; 
background-size: 750px;
background-position: top; 
height: 550px;}

.clientes {
  padding-top: 120px;
  width: 60%;
  margin-left: 44%;}
.clientes img {
  width: 65px;}

.Galeria {
  padding-top: 250px;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;}
.GaleMarcas {
  background-image: url(../img/Fondo-02.png);   
  width: 24%;}
.GaleMarcas img{
  width: 40%;
  height: auto;}


.escribi {
  width: 16%;
  margin-left: 45px;}
.escribi p{
  font-size: 18px;
  text-align: right;
  color: grey;
  font-family: Verdana;
  line-height: 28px;}
form {
background-image: url(../marca/Escribime-01.jpg); 
background-repeat: no-repeat; 
background-size: 750px;
background-position: top; 
margin-top: -100px;
height: 470px;}

#form1 {
  display: flex; 
  flex-direction: column; 
  padding-left: 50%;
  padding-right: 20px;
  padding-top: 150px;
  text-align: left; 
  font-size: 11px; 
  color: #9854a6;}

footer {
background-image: url(../marca/Footer-01.jpg); 
background-repeat: no-repeat; 
background-size: 100%;
background-position: top; 
height: 1200px;}

.pie {
  width: 100%;
  padding-top: 600px;}
.pie img{
  width: 120px;
  margin-left: 55%;
  margin-right: 30%;}

.pietexto{
  margin-left: 100%;
  margin-top: 20px;}



.pdapie{
  margin-top: 10px;
  margin-left: 35%;}

}