/* 
Theme Name: Playa Projects - 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, featumain-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

@font-face {font-family: "flatIcons";src:url("/wp-content/uploads/flaticon_mycollection.woff2");}



:root {
    --animated: all .3s ease-in-out;
    --mainColor: #15426E;
    --altColor: #97A5B7;
    --darkColor: #011126;
    --blueColor: #28C7DC;
    --blueGray: #63C4D1;
    --darkGray: #0000004D;
    --mainFont: 'Lexend', sans-seriff;
    --textFont: '', sans-seriff;
    --animatedC: all .4s cubic-bezier(0.5,0.01,0.15,1);
    --dgreen: #007934;
    --lgreen: #61a60e;
}

.mainColor {color: var(--mainColor);}
.blueColor {color: var(--blueColor);}
.dgreen {color: var(--dgreen);}
.lgreen {color: var(--lgreen);}
.sgreen {color: #98e839 !important;}
.white {color: white;}



body {font-family: var(--mainFont);}

.noSpace, .noSpace p {padding: 0px;margin: 0px;}


/*The Lab Vet*/

.page-id-1577 .vetRow {display: none;}

.cbeige {color: #fffed8;}
.vetRow {background: var(--dgreen); color:  white;}
.vetRow i {color: #fffed8;}
.vetRow a {color: white;transition: var(--animated);border-radius: 100px;}
.vetRow a:hover {background: var(--lgreen);}
.aboutVetlogo svg {fill: unset !important;}
.theLabvetTitle {color: var(--lgreen); font-weight: 500;}
.theLabTitlealtvet {color: var(--dgreen); font-size: 24px;}

.serviceCardvet, .serviceCardvet .elementor-icon-box-title a {color: var(--lgreen) !important;}
.serviceCardvet:hover {background-color: var(--dgreen) !important;}
.serviceCardvet:hover .elementor-icon-box-description a {color: white; transition: var(--animated);}
.serviceCardvet .elementor-icon-box-description a:hover {color: var(--lgreen);}

.servicesIconsvet .elementor-icon-box-wrapper {display: flex;}
.servicesIconsvet .elementor-icon{background: var(--lgreen); padding: 15px; border-radius: 100px 100px 100px 0px;}
.servicesIconsvet .elementor-icon-box-content {margin-left: 0px;}
.servicesIconsvet .elementor-icon-box-icon {margin: 0px 15px 0px 15px !important;}

.vetList li{list-style-type: none; position: relative;margin: 0px 10px 10px 20px;}
.vetList li:before {content: "\f138";font-family: 'Font Awesome 5 Free';font-size: 15px;position: absolute;
    top: 0px;left: -20px;font-weight: 100;color: var(--lgreen);}


.logoFooter {width: 150px;}
.shortDesc {font-size: 16px; margin-top:15px; }
.footer {background: url(/wp-content/uploads/footer_img.webp); background-size: cover; background-position: top center; color:white;}
.footBot, .footBot a {color: white;}
.footer {padding: 100px 0px 0px 0px;}
.footPad {padding: 0% 5%;}

.footContact, .footBot {border-top: 2px solid rgb(255,255,255,.2); }
.footNav {border-top: 2px solid rgb(255,255,255,.2); border-left: 2px solid rgb(255,255,255,.2); border-right: 2px solid rgb(255,255,255,.2); }
.footCat {border-top: 2px solid rgb(255,255,255,.2); }
.footer a {color: white; font-weight: 200; font-size: 18px; transition: var(--animated);}
.footer a:hover {color: var(--blueColor);}

.footContact .address a, .footContact .phone a, .footContact .whats a, .footContact .mail a {position: relative; left: 35px;}
.footContact .address a:before, .footContact .phone a:before, .footContact .whats a:before, .footContact .mail a:before {
    font-family: 'Font Awesome 5 Free';font-weight: 900; display: block;font-size: 20px; position: absolute;left: -35px;top: -5px; color: var(--blueColor);}
.footContact .address a:before{content: '\f5a0';}
.footContact .phone a:before{content: '\f098';}
.footContact .whats a:before{font-family: 'Font Awesome 5 Brands';content: '\f232'; font-weight: 100;} 
.footContact .mail a:before{content: '\f5a0';}
.footNav a, .footCat a {margin: 5px 0px;}
.footNav a:before, .footCat a:before {content: '-'; color: var(--blueColor); margin-right: 5px;}
.footer b {font-size: 20px;}
.footBot strong {font-size: 18px; font-weight: 400;}




.topInfo{background-color: var(--mainColor); color: white; font-size: 14px;}
.topInfo i {color: var(--blueColor);}
.topInfo i.fa-language {font-size: 22px; line-height: 20px;top: 2px;position: relative;}        
.topRight, .topRightb {background: var(--blueColor); color: white; font-size: 20px;}

.topRightb a {color: white;position: relative;left: 80px; font-size: 18px; transition: var(--animated);}
.topRightb a:before {font-family: 'Font Awesome 5 Brands';font-weight: 100;content: '\f232';display: block;font-size: 30px;
    position: absolute;left: -60px;top: 3px;background: white;color: #63C4D1;padding: 2px 11.5px;border-radius: 100px; transition: var(--animated);}
.topRightb a:hover {color: var(--mainColor);}
.topRightb a:hover:before {color: var(--mainColor);}
.topRightb {border-top: 1px solid #011126;padding: 15px;}

.topRight a {color: white; transition: var(--animated);}
.topRight a:hover {color: var(--mainColor);}

.rightNumber {font-size: 20px;}
#menu-principal li a {color: #97A5B7; margin: 0px 35px; font-size: 20px; transition: var(--animated); position: relative;}
#menu-principal li a:hover {color: var(--blueColor);}
#menu-principal li.current-menu-item a {color: white;}
#menu-principal li a:after {content: '';position: absolute;width: 50px;height: 4px;border-radius: 100px;background: white;
    opacity: 0;transition: var(--animatedC);transform: translateX(-50%) scaleX(0);left: 50%;top: 30px;}
#menu-principal li a:hover:after {opacity: 1; transform: translateX(-50%) scaleX(1.0);}
#menu-principal .menu-item-has-children {position: relative;}
#menu-principal .sub-menu {position: absolute;top: 30px;left: 0px;transition: var(--animated);opacity: 0;
    width: max-content;background: var(--mainColor);border-radius: 25px;padding: 10px 50px 10px 20px;pointer-events: none;}
#menu-principal .menu-item-has-children:hover .sub-menu {z-index: 2; opacity: 1; pointer-events: auto;}
#menu-principal .sub-menu li {margin: 10px;}
#menu-principal .sub-menu li::marker {color: var(--blueColor); content: '• ';}
#menu-principal .sub-menu li a, .headerScroll #menu-principal .sub-menu li a {margin: 0px; color: white; font-weight: 300; font-size:18px; }
#menu-principal .sub-menu li a:after {background: var(--blueColor);}


.logoColor, .logoAlt {width: 80px;padding: 0px 0px;margin: 0px 0px 0px 0px;}
.logoAlt {display: none;}
.menuButton {display: none;}
.menuButton a {background: #15426E;color: white;padding: 10px 20px;border-radius: 8px;transition: var(--animated); margin-right: 10px;}
.menuButton a:hover {background: var(--blueColor); color: var(--darkColor);}
.promocionesButton {background: var(--blueColor) !important;}

.addressHeader{color: #FFFFFF; text-align: left;opacity: 1; transition: var(--animated);}
.addressHeader:hover {color: var(--blueColor);}
.lowRow{width: auto; background-color: var(--darkColor);}

.headerScroll {position: sticky; top: 0%;z-index: 2;}
.headerScroll .logoAlt {display: block;}
.headerScroll .logoColor {display: none;}
.topRow, .lowRow {transition: var(--animatedC);}
.headerScroll .topRow {position: relative;top: -45px; transition: var(--animated);}
.headerScroll .lowRow {background: white; position: relative;top: -45px; transition: var(--animated);}
.headerScroll #menu-principal li a {color: var(--darkColor);}
.headerScroll .topRightb {background: var(--mainColor);}

.headerScroll .topRightb a:before {color: white; background: var(--blueColor);transition: var(--animated);}
.headerScroll .aTitle {color: var(--blueColor); transition: var(--animated);}
.headerScroll .rightNumber {transition: var(--animated);}
.headerScroll #menu-principal li a:after {background: var(--blueColor);}

.headerScroll .topRightb a:hover .aTitle {color: white;} 
.headerScroll .topRightb a:hover .rightNumber {color: var(--blueColor);}
.headerScroll .topRightb a:hover:before {background: white; color: var(--blueColor);}

.sidenav {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #011126;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
    padding-bottom: 20px;
}

.navbar-toggler-icon {height: auto;background-image: none;}
.navbar-toggler {color: white; border: 1px solid white;}
.navbar-toggler:hover {background: var(--blueColor);}


.topIconsmobile {background: var(--darkColor);}
.topIconsmobile a {font-size: 18px;background: #15426e;color: #ffffff;padding: 2px 10px;margin: 10px;border-radius: 5px;}
.topIconsmobile a:hover {background: var(--blueColor);}

.side-titulo {color: var(--blueColor);}
#menu-principal-1 li {margin: 2px 0px;}
#menu-principal-1 .sub-menu {list-style-type: disc; color: var(--blueColor);}
#menu-principal-1 li a {color: white; font-size: 18px;}

.fa-window-close {color: var(--blueColor);}

.sideSocials i {color: var(--blueColor);}
.sideSocials a {color: white; font-size: 18px;}


.captionContent {padding: 15px;}

.carousel-caption {width: 100%;top: 0;right: 0;left: 0%;bottom: 0%;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;border-radius: 20px;}
.captionTitle {text-align: left;font-size: 24px;color: #FFFFFF;}
.captionSub {font-size: 14px;color: var(--blueColor);text-align: left; font-weight: 600;opacity: 1;}

.captionButton {text-align: left;margin-top: 40px; }
.captionButton a {background: #15426ecc; border-radius: 100px; border: 2px solid var(--blueColor); color:var(--blueColor);
    font-size: 18px; padding: 8px 20px;transition: var(--animated);}
.captionButton a:hover {padding: 12px 35px; background: var(--blueColor); color: white;}  
.captionButton i.fas.fa-flask {color: var(--blueColor); margin-right: 5px; transition: var(--animated);}
.captionButton a:hover i.fas.fa-flask {color: white;}




.captionButtonvet {text-align: left;margin-top: 40px; }
.captionButtonvet a {background: #00431de6; border-radius: 100px; border: 2px solid var(--lgreen); color:var(--lgreen);
    font-size: 18px; padding: 8px 20px;transition: var(--animated);}
.captionButtonvet a:hover {padding: 12px 35px; background: var(--lgreen); color: white;}  
.captionButtonvet i.fas.fa-flask {color: var(--lgreen); margin-right: 5px; transition: var(--animated);}
.captionButtonvet a:hover i.fas.fa-flask {color: white;}





.colorHero {color: var(--blueColor);}

.carousel-control-prev,
.carousel-control-next {border: none;height: 65px;margin: auto;border-radius: 100px;width: 65px;transition: var(--animado);
    background: var(--darkColor);outline: none;}

.carousel-control-prev {padding: 10px 15px 5px 10px;left: -20px;transform: scale(.55); transition: var(--animated);}
.carousel-control-next {padding: 10px 10px 5px 15px;right: -20px;transform: scale(.55); transition: var(--animated);}
.carousel-control-prev:hover, .carousel-control-next:hover,
.carousel-control-prev:focus, .carousel-control-next:focus,
.carousel-control-prev:active, .carousel-control-next:active{background-color: var(--blueColor);}

.nLetter {color: #5287B3; font-size: 30px; font-weight: 600;}
.theLabTitle {font-size: 25px; color: #5287B3; line-height: 50px;}
.theLabTitlealt {font-size: 24px; color: #5287B3; line-height: 28px;}

.servicesIcons .elementor-icon-box-wrapper {display: flex;}
.servicesIcons .elementor-icon{background: #28C7DC; padding: 15px; border-radius: 100px 100px 100px 0px;}
.servicesIcons .elementor-icon-box-content {margin-left: 0px;}
.servicesIcons .elementor-icon-box-icon {margin: 0px 15px 0px 15px !important;}

/*Paquetes*/
.post-type-archive-paquetes main { padding: 25px 100px; max-width:100% !important; background:#F6F6F6; }
.cardInner {background:white ;border-radius: 25px;}
.cardimgCont {border: 5px solid #5287B3;border-radius: 25px 25px 0px 0px; position: relative; transition: var(--animated);}
.featured-image img {border-radius: 20px 20px 0px 0px;}
.cardTipo, .cardPrecio {padding: 5px 15px;color: white;border-radius: 100px; transition: var(--animated);}
.cardTipo {background: #5287b3;}
.cardPrecio {background: #97A5B7; color: white;}

.cardInner:hover .cardimgCont {border: 5px solid var(--blueColor);}
.cardInner:hover .cardPrecio { background: var(--mainColor); color: white; padding:5px 25px; }
.cardInner:hover .cardTipo {background: var(--blueColor);}

.cardTitle {min-height: 100px;padding: 25px 0px 15px 0px;}
.cardTitle a {color: var(--mainColor);font-size: 20px; font-weight: 500;}

.cardInfo, .cardWa {background: #ebebeb; transition: var(--animated);}
.cardInfo {border-radius: 0px 0px 0px 25px;}
.cardWa {border-radius: 0px 0px 25px 0px;}
.cardInner:hover .cardInfo {background: #28c7dc; color: white; border-radius: 0px 0px 0px 20px;}
.cardInner:hover .cardWa {background: #15426e; border-radius: 0px 0px 20px 0px;}
.cardButtonwa, .cardButtoninfo {color: #474747; transition: var(--animated); border: 1px solid transparent; padding: 3px 15px; border-radius: 100px;}
.cardInner:hover .cardInfo a {color: white; border: 1px solid white;}
.cardInner:hover .cardWa a {color: white; border: 1px solid white;}
.cardInner:hover .cardInfo a:hover, .cardInner:hover .cardWa a:hover {letter-spacing: 2px; background: white;}
.cardInner:hover .cardInfo a:hover {color: var(--blueColor);}
.cardInner:hover .cardWa a:hover {color: var(--mainColor);}

.tipo-filter-buttons {background: #ebebeb; border-radius: 20px;}
.tipo-filter-btn {margin: 0px 5px;background: white;border: none;border-radius: 10px;color: var(--mainColor);transition: var(--animated); margin-top: 10px;}
.tipo-filter-btn.active { background: var(--mainColor);color: white;border: none;border-radius: 100px;}
.tipo-filter-btn:hover { background: #5287B3; color: white; border-radius: 100px;}

/*Paquetes Blog Layout*/
.paquetespostTitle {font-size: 50px; font-weight: 600; color: var(--mainColor);}


/*Side Ayuda*/
.sideAyuda {background: rgb(21 66 110 / 75%);border-radius: 35px;overflow: hidden;width: 450px;margin: 0 auto;padding: 25px; text-align: center; transition: var(--animated);}
.sideAyuda:hover {background: rgb(21 66 110 / 100%);}
.sideAyuda img {border-radius: 25px 0px 25px 0px;}
.ayudaTitle { margin:15px 0px 0px 0px; font-size:24px; font-weight:600; color: white; }
.ayudaSubtitle { margin:5px 0px 10px 0px; font-size:18px; font-weight:400; color: white; }
.ayudaButton, .citaButton {border: 2px solid var(--blueColor); color: var(--blueColor); padding: 5px 20px; border-radius: 10px; transition: var(--animated);}
.ayudaButton:hover, .citaButton:hover {background: var(--blueColor); color: white; border-radius: 100px;}


/* Testimonials */

#testimonial-carousel {z-index: 1;}
#testimonial-carousel .card {background: var(--darkBlue); border: none; border-radius: 0px;}
#testimonial-carousel #divTestimg {background-size: contain;background-repeat: no-repeat; width: auto; height:100%;}
.starNoselected {color: #ffffff17;}
#testimonial-carousel .card-title {color: white; font-size: 24px;}
#testimonial-carousel .card-text-city {color: white; font-weight: 200; font-size: 20px;}
#testimonial-carousel p.card-text {color: white;font-weight: 200;font-size: 20px;text-align: left;padding-right: 50px;
    text-align: justify;}
#testimonial-carousel .carousel-control-prev, #testimonial-carousel .carousel-control-next {
  background: transparent; color: #00D6DB; background: none;}


/*Promociones*/

.promocionPrincipal {position: fixed;bottom: 20px;right: 0px;background-color: transparent;z-index: 9999;overflow: hidden;    max-height: 42px;}

.promocionPrincipal p {margin: 0;padding: 0px 20px;white-space: nowrap;}

.promocionPrincipal a {display: none;float: right;margin-right: 10px;}

.promocionText {max-width: 0;transform-origin: top right;float: left;max-height: 50px;overflow: hidden;transition:  0.5s ease-out;
    background-color: white;}

.promocionText a {background: var(--blueColor);padding: 5px 15px;border-radius: 100px;color: white; opacity: .75; transition: var(--animated);}
.promocionText a:hover {opacity: 1; letter-spacing: 1px;}

.promocionPrincipal .toggle-button {
    color: white; border: 1px solid white;border-radius: 100px 0px 0px 100px; background: rgb(21,66,110); 
background: -moz-linear-gradient(90deg, rgba(21,66,110,1) 0%, rgba(11,33,55,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(21,66,110,1) 0%, rgba(11,33,55,1) 100%);
background: linear-gradient(90deg, rgba(21,66,110,1) 0%, rgba(11,33,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#15426e",endColorstr="#0b2137",GradientType=1);}
.promocionPrincipal .toggle-button:hover{background: linear-gradient(90deg, rgba(40,199,220,1) 0%, rgba(40,199,220,1) 100%); letter-spacing: 1px;}

.cardHide {opacity: 0;}

.buttonDomicilio a.elementor-button-link {padding: 15px 25px !important;}

.buttonDomicilio a.elementor-button-link:hover {padding: 15px 40px !important;}

.flatIcon .elementor-icon-box-content:before {font-family: flatIcons !important;font-style: normal;font-weight: 100;font-variant: normal;text-transform: none;line-height: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: -0.125em;position: absolute;left: 0px;top: -20px;font-size: 65px;color: var(--mainColor);}

.flatIcon .elementor-icon-box-content {padding-left: 80px; }
.flatMicro .elementor-icon-box-content:before {content: "\f139";}
.flatLab .elementor-icon-box-content:before {content: "\f138";}
.flatFlask .elementor-icon-box-content:before {content: "\f12a";}
.flatFlasks .elementor-icon-box-content:before {content: "\f143";}
.flatFlaskadn .elementor-icon-box-content:before {content: "\f152";}
.flatMolecular .elementor-icon-box-content:before {content: "\f14f";}
.flatMoladn .elementor-icon-box-content:before {content: "\f141";}
.flatFlaskbio .elementor-icon-box-content:before {content: "\f146";}
.flatJar .elementor-icon-box-content:before {content: "\f14d";}


.serviceCard, .serviceCard .elementor-icon-box-title a {color: var(--blueColor);}
.serviceCard:hover {background-color: var(--mainColor) !important;}
.serviceCard:hover .elementor-icon-box-description a {color: white; transition: var(--animated);}
.serviceCard .elementor-icon-box-description a:hover {color: var(--blueColor);}

.aguaImg {width: 250px;border-radius: 25px 0px 25px 25px !important;margin: 25px 0px; }
.textAgua {font-size: 18px;text-align: justify;min-height: 110px;margin: 0px;}

.ultrasonidoList li{list-style-type: none; position: relative;margin: 0px 10px 10px 20px;}
.ultrasonidoList li:before {content: "\f138";font-family: 'Font Awesome 5 Free';font-size: 15px;position: absolute;
    top: 0px;left: -20px;font-weight: 100;color: var(--blueColor);}

.formContacto p {color: white;}
.contactBg>div {background: rgb(1 17 38 / 80%);border-radius: 16px;box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(40, 199, 220, 65%);}

.formContacto input[type="submit"] {background: var(--blueColor);color: #ffffff;border: none;padding: 10px 25px;border-radius: 50px;letter-spacing: 1px;}
.formContacto input[type="submit"]:hover {padding: 10px 35px;}


.cardPromocion>.container-fluid {background: #f6f6f6;border-radius: 25px;padding: 0px 0px 20px 0px;transition: var(--animated);border: 2px solid white;}
.cardPromocion>.container-fluid:hover {background: var(--mainColor);}
.cardPromocion>.container-fluid:hover .cardpromTitle a {color: white;}
.cardPromocion>.container-fluid:hover .cardpromDesc {color: white;}

.cardpromTitle {font-family: var(--mainFont);font-size: 18px;text-align: center;padding: 15px 0px 0px 0px;min-height: 80px;font-weight: 700;border-bottom: 2px solid white;}

.cardpromTitle a {color: var(--mainColor);}

.cardpromDesc {font-size: 16px; color: #7A7A7A; font-weight: 300;text-align: center;padding: 10px 15px 20px 15px;}

.buttonDetalles a, .buttonWhats a {padding: 5px 15px;border-radius: 25px;color: #5287B3;border: 2px solid #5287B3; transition: var(--animated);}

.buttonDetalles a:hover {background: #5287B3; color: white; border: 2px solid #5287b3; }
.buttonWhats a:hover {background: #5287B3; color: white; border: 2px solid #5287b3; }

.cardPromocion>.container-fluid:hover .buttonDetalles a,
.cardPromocion>.container-fluid:hover .buttonWhats a {color: var(--blueColor); border: 2px solid var(--blueColor);}

.cardPromocion>.container-fluid:hover .buttonDetalles a:hover, 
.cardPromocion>.container-fluid:hover .buttonWhats a:hover {background: var(--blueColor);color: white;}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .captionSub {font-size: 16px;}
    .captionTitle {font-size: 44px;}
    .post-type-archive-paquetes main { padding: 25px 10px;}
    .cardTitle a {font-size: 26px;}
    .cardButtonwa, .cardButtoninfo {font-size: 20px;}
    .tipo-filter-btn {margin-top: 0px;}


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Add focus styles if needed */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .contCircle:after {content: '';width: 25px;height: 25px;background: var(--blueColor);position: absolute;z-index: 2;border-radius: 100px;top: 50%;left: 50%;transform: translateX(-50%);}
    .contCirclevet:after {content: '';width: 25px;height: 25px;background: var(--lgreen);position: absolute;z-index: 2;
        border-radius: 100px;top: 50%;left: 50%;transform: translateX(-50%);}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

   .menuButton {display: inline-block;}
   .carousel-control-prev {transform: scale(.75);}
   .carousel-control-next {transform: scale(.75);}
   #menu-principal li a {margin: 0px 15px;font-size: 18px;}
   .topRightb a {left: 50px; font-size: 16px;}
   .topRightb a:before {left: -55px;}
   .captionSub {font-size: 20px;}
   .captionTitle {font-size: 66px;}
   .carousel-caption {left: 5%;}
   .captionButton a {font-size: 20px;}

   .captionButtonvet a {font-size: 20px;}



}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
   .logoColor, .logoAlt {width: 100%;padding: 5px 0px;margin: 0px;}
    #menu-principal li a {margin: 0px 20px; font-size: 20px;}
    .menuButton a {margin-right: 20px;}
    .topRightb a {font-size: 20px;left: 30%;}
    .topRightb a:before {left: -45%;padding: 3px 12.5px;}

}

/* No Bootstrap Class (larger desktops, 1900px and up) */
@media (min-width: 1900px) {    
    /* Add focus styles if needed */
    .captionSub {font-size: 24px;}
    .captionTitle {font-size: 100px;}
    .captionButton a {font-size: 28px;}
    .captionContent {margin-left: 125px;}
    .serviceCard {width: 22%;}
    .serviceCardvet {width: 22%;}

    .captionButtonvet a {font-size: 28px;}



}

/* Focus style for accessibility */
.navbar-toggler:focus .menu-label {
    text-decoration: underline; /* Example focus style, adjust as needed */
}