/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
@font-face {
    src:url(fagooffc.ttf);
    font-family: 'fago';
}
@font-face {
    src:url(fagooffc-black.ttf);
    font-family: 'fago-black';
}
@font-face {
    src:url(fagooffc-blackita.ttf);
    font-family: 'fago-blackita';
}
@font-face {
    src:url(fagooffc-bold.ttf);
    font-family: 'fago-bold';
}
@font-face {
    src:url(fagooffc-boldita.ttf);
    font-family: 'fago-boldita';
}
@font-face {
    src:url(fagooffc-ita.ttf);
    font-family: 'fago-ita';
}
@font-face {
    src:url(fagooffc-medium.ttf);
    font-family: 'fago-medium';
}
@font-face {
    src:url(fagooffc-mediumita.ttf);
    font-family: 'fago-mediumita';
}
@font-face {
    src:url(fagooffc-xbold.ttf);
    font-family: 'fago-xbold';
}
@font-face {
    src:url(fagooffc-xboldita.ttf);
    font-family: 'fago-xboldita';
}
@font-face {
    src:url(fagoOffc-Cond.ttf);
    font-family: 'fago-cond';
}
@font-face {
    src:url(fagoOffc-CondBold.ttf);
    font-family: 'fago-condBold';
}
@font-face {
    src:url(fagoOffc-CondXbold.ttf);
    font-family: 'fago-condXbold';
}
@font-face {
    src:url(fagoOffc-CondMedium.ttf);
    font-family: 'fago-condMedium';
}
.fago{font-family: 'fago';}
.fago-black{font-family: 'fago-black';}
.fago-blackita{font-family: 'fago-blackita';}
.fago-bold{font-family: 'fago-bold';}
.fago-boldita{font-family: 'fago-boldita';}
.fago-ita{font-family: 'fago-ita';}
.fago-medium{font-family: 'fago-medium';}
.fago-mediumita{font-family: 'fago-mediumita';}
.fago-xbold{font-family: 'fago-xbold';}
.fago-xboldita{font-family: 'fago-xboldita';}
.fago-cond{font-family: 'fago-cond';}
.fago-condBold{font-family: 'fago-condBold';}
.fago-condXbold{font-family: 'fago-condXbold';}
.fago-condMedium{font-family: 'fago-condMedium';}

.navbar .btn:hover{
    opacity: 1; 
    -moz-transform: scale(1.1);
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -webkit-transform: scale(1.1);
    
    -ms-transform: scale(1.1);
    -ms-transition-duration: 0.3s;
}


.modal .modal-header .btn-close{
    margin: 0px;
}
.modal .divider .TRaza-data-button{
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
.fp {
    position: relative;
    top: 100%;
    left: 75%;
    transform: translate(-50%, -50%);
    width: 15em;
  }
  .ganma{
    position: relative;
    display: inline-block;
    }
.principal{
    max-width: 100% !important;
    height: auto;
    border-radius: 20px;
    object-fit:cover;
}
.nuevop {
    position: absolute;
    top: 4.6%;
    left: 93%;
    max-width: 80%; 
    height: auto;
    transform: translate(-50%, -50%);
   
  }
  .marca {
    position: relative;
    top: 9.2%;
    left: 54%;
    width: auto; 
    height: auto;
    transform: translate(-97%, -97%);
    object-fit:cover;
    
   
  }
li {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 5px 5px;
        font-size: 35px; 
        font-family: 'fago-condBold';
    }
.bloque-1 {
    position: relative;
    display: inline-block;
    }
.bloque-2a {
    font-size: 150%; 
    color: #143c89;
    }
.bloque-2 {
    font-size: 110%; 
    
    }
.btn-report,  .btn-report-p
{
    font-size: 100%; 
    font-family: 'fago-cond';
    
 }
 .btn-report-p:hover  
{
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    
 }
 .fondos{
    max-width: 100px;
    }
.pepin-a  {
    width:50%;
    max-width: 70%; display: block; margin-left: auto; margin-right: 5%;
    }   
 


.apodo {
    position: absolute;
    top: 15%;
    left: 10%;
    font-size: calc(0.8em + 0.8vm);
   
    }
    .apodol{
    
        font-size:3.5rem;

    }
    
.lineag {
    position: absolute;
    top: 64%;
    left: 10%;
    font-size: calc(0.8em + 0.8vm);

    }
.comentarios {
    font-family: 'fago-cond';
    font-size: 110%;
    margin: 0.1%;
    }
.listImage {
    margin: 0.1%;
    width: 30px;
    height: 15px;
}
.medidas {
  position: relative;
  display: inline-block;
}
.medida {
    font-family: 'fago-cond';
  }

.anchogrupa {
    position: absolute;
    top: 15%;
    left: 69%;
    transform: translate(-50%, -50%);
    font-family: 'fago-medium';
  }
.altogrupa {
    position: absolute;
    top: 49%;
    left: 57%;
    transform: translate(-50%, -50%);
    font-family: 'fago-medium';
  }
  .ce {
    position: absolute;
    top: 77%;
    left: 69%;
    transform: translate(-50%, -50%);
    font-family: 'fago-medium';
  }
  .largogrupa {
    position: absolute;
    top: 7%;
    left: 97%;
    transform: translate(-50%, -50%);
    font-family: 'fago-medium';
  }
  .largocorporal {
    position: absolute;
    top: 45%;
    left: 90%;
    transform: translate(-20%, -50%);
    font-family: 'fago-medium';
  }
  .pedigree {
    position: relative;
    display: inline-block;
    font-size:calc(.6em + 0.4vw);
    font-family: 'fago-cond';
  }

  .padre {
    position: absolute;
    top: 29%;
    left: 15%;
    transform: translate(-50%, -50%);
    width: 40% !important;
   
    font-size: 85% ;
  }
  .madre {
    position: absolute;
    top: 75%;
    left: 15%;
    width: 40% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .abuelop {
    position: absolute;
    top: 11%;
    left: 65.5%;
    width: 62% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .abuelap {
    position: absolute;
    top: 37%;
    left: 65.5%;
    width: 62% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .abuelom {
    position: absolute;
    top: 62%;
    left: 65.5%;
    width: 62% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .abuelam {
    position: absolute;
    top: 88.5%;
    left: 65.5%;
    width: 62% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuelo1 {
    position: absolute;
    top: 4%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuela1 {
    position: absolute;
    top: 18%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuelo2 {
    position: absolute;
    top: 30%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuela2 {
    position: absolute;
    top: 44%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuelo3 {
    position: absolute;
    top: 55%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuela3 {
    position: absolute;
    top: 69%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuelo4 {
    position: absolute;
    top: 82%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .bisabuela4 {
    position: absolute;
    top: 95%;
    left: 66.8%;
    width: 60% !important;
    transform: translate(-50%, -50%);
    font-size: 85% ;
  }
  .tableM {
    border-collapse: separate;
    border: #ffffff;
    font-size:90%;

    }
    .tablet {
        border-collapse: separate;
        border: #ffffff;
        font-size:90%;

    }
    .card-title{
        font-size:140%;
    }
    .barra{
        font-size:100%;
    }
   
    /* Por debajo de 1280px */
        @media screen and (max-width: 1280px){
            .apodo {
                position: absolute;
                top: 6%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
               
                }
            .lineag {
                position: absolute;
                top: 55%;
                left: 10%;
            
                }
                .apodol{
    
                    font-size:2.6rem;
        
                }
                .lineagl{
        
                    font-size:1.2rem;
        
                }
                .bloque-2a{
    
                    font-size:1.1rem;
        
                }
                .bloque-2{
    
                    font-size:0.8rem;
        
                }
                .pedigree{
    
                    font-size:calc(.4em + 0.45vw);
                    
        
                }
                .medida{
    
                    font-size:.8rem;
                    
        
                }
                .tableM{
                    font-size:.8rem;
                }
                .card-title{
                    font-size:1.2rem;
                }
                .comentarios {
                    font-size: .8rem;
                }
                .tablet{
                    font-size:.8rem;
                }
    
        }
         /* Por debajo de 900px */
         @media screen and (max-width: 900px){
            .apodo {
                position: absolute;
                top: 10%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
               
                }
            .lineag {
                position: absolute;
                top: 50%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
            
                }
                .apodol{
    
                    font-size:2rem;
        
                }
                .lineagl{
        
                    font-size:1.1rem;
        
                }
                .bloque-2a{
    
                    font-size:1rem;
        
                }
                .bloque-2{
    
                    font-size:0.7rem;
        
                }
                .pedigree{
    
                    font-size:calc(.4em + 0.4vw);
        
                }
                .medida{
    
                    font-size:.7rem;
                    
        
                }
                .tableM{
                    font-size:.6rem;
                }
                .card-title{
                    font-size:1rem;
                }
                .comentarios {
                    font-size: .7rem;
                }
                .tablet{
                    font-size:.6rem;
                }
    
        }
        /* Por debajo de 780px */
        @media screen and (max-width: 780px){
            .apodo {
                position: absolute;
                top: 10%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
                
                }
            .lineag {
                position: absolute;
                top: 50%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
            
                }
                .apodol{
    
                    font-size:1.8rem;
        
                }
                .lineagl{
        
                    font-size:1rem;
        
                }
                .bloque-2a{

                    font-size:1.1rem;
        
                }
                .bloque-2{

                    font-size:1rem;
        
                }
                .pedigree{

                    font-size:calc(.4em + 0.4vw);
        
                }
                .medida{
    
                    font-size:.7rem;
                    
        
                }
                .tableM{
                    font-size:.7rem;
                }
                .card-title{
                    font-size:.8rem;
                }
                .comentarios {
                    font-size: .6rem;
                }
                .tablet{
                    font-size:.7rem;
                }
                #RazaT{
                    width:150%;
                    font-size:1rem;
                }
    
        }
        /* Por debajo de 600px */
        @media screen and (max-width: 600px){
            .apodo {
                position: absolute;
                top: 10%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
                
                }
            .lineag {
                position: absolute;
                top: 50%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
            
                }
                .apodol{
    
                    font-size:1.5rem;
        
                }
                .lineagl{
        
                    font-size:.7rem;
        
                }
                .bloque-2a{

                    font-size:1.1rem;
        
                }
                .bloque-2{

                    font-size:1rem;
        
                }
                .pedigree{

                    font-size:calc(.49em + 0.5vw);
        
                }
                .medida{
                    font-size:.6rem;
                }
                .tableM{
                    font-size:.6rem;
                }
                .card-title{
                    font-size:.8rem;
                }
                .comentarios {
                    font-size: .6rem;
                }
                .tablet{
                    font-size:.5rem;
                }
                #RazaT{
                    width:90%;
                    font-size:.8rem;
                }
                .btn_multi {
                    margin: 5%;
                    margin-left: 2%;
                    font-size:.8rem;
                    }
                .btn-report {
                    font-size: .8rem; 
                    }
    
        }
    /* Por debajo de 480px */
        @media screen and (max-width: 480px){
            .apodo {
                position: absolute;
                top: 1%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
               
                }
            .lineag {
                position: absolute;
                top: 43%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
            
                }
            .apodol{
    
                font-size:1.2rem;
    
            }
            .nuevop {
                position: absolute;
                top: 4.6%;
                left: 90%;
                max-width: 80%; 
                height: auto;
                transform: translate(-50%, -50%);
               
              }
            .lineagl{
    
                font-size:.7rem;
    
            }
            .bloque-2a{
    
                font-size:.9rem;
    
            }
            .bloque-2{
    
                font-size:.8rem;
    
            }
            .pedigree{
    
                font-size:calc(.5em + 0.5vw);
    
            }
            .medida{
                font-size:.5rem;
            }
            .tableM{
                font-size:.6rem;
            }
            .tablek{
                display: responsive;
            }
           .thead {
                position: sticky;
                top: 0;
            }
            .card-title{
                font-size:.7rem;
            }
            .comentarios {
                font-size: .6rem;
            }
            .tablet{
                font-size:.6rem;
            }
            .fondos {
                width:30%;
                }
            .pepin-a {
                width:90%;
                } 
            .cata {
                width:50%;
                }   
                #ModalMultiple {
                    max-width:90%;
                    }  
                #ModalTodos,#ModalTapas{
                    max-width:60%;
                    }      
            .btn-report-2 {
                font-size: 1rem; 
                }
            .btn-report {
                font-size: .9rem; 
                width:100%;
                
                }
                .btn-report-p {
                    font-size: .9rem; 
                    width:100%;
                    margin-right:50%;
                    }
            .btn {
                margin: 5%;
                margin-left: 5%;
                }
                .btn_multi {
                    margin: 5%;
                    margin-left: 15%;
                    margin-right: 50%;
                    }
                  
            .vtoross {
                max-width: 100%; display: block; margin-left: 0.5%; margin-right: 0.5%;
                }  
                #RazaT{
                    width:85%;
                    font-size:.8rem;
                } 
                #RazaMT{
                    width:80%;
                    font-size:.8rem;
                } 
                #RazaM{
                    width:80%;
                    font-size:.8rem;
                }
            .pepin-a {
                max-width: 100%;
                font-size:.5rem;
                }  
    
        }
          /* Por debajo de 320px */
          @media screen and (max-width: 320px){
            .apodo {
                position: absolute;
                top: 1%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
               
                }
            .lineag {
                position: absolute;
                top: 40%;
                left: 10%;
                font-size: calc(0.8em + 0.8vm);
            
                }
            .apodol{
    
                font-size:.9rem;
    
            }
            .lineagl{
    
                font-size:.5rem;
    
            }
            .bloque-2a{
    
                font-size:.9rem;
    
            }
            .bloque-2{
    
                font-size:.8rem;
    
            }
            .pedigree{
    
                font-size:calc(.4em + 0.5vw);
    
            }
            .medida{
                font-size:.3rem;
            }
            .tableM{
                font-size:.3rem;
            }
            .card-title{
                font-size:.4rem;
            }
            .comentarios {
                font-size: .3rem;
            }
            .tablet{
                font-size:.3rem;
            }
            .fondo{
                max-width:40%;
            }
            #RazaT{
                width:60%;
                font-size:.7rem;
            }
    
        }