/* Cabecera y pie de CentralVet (antes plantillas de Elementor Pro). */
:root{
--cv-font:'Poppins', Arial, Helvetica, sans-serif;
}
.cv-header{
--cv-purple:#5b3b91;
--cv-purple-dark:#40266f;
--cv-purple-deep:#2d194d;
--cv-purple-light:#7655aa;
--cv-purple-soft:#f4f0fa;
--cv-black:#171717;
--cv-gray:#626262;
--cv-muted:#77727c;
--cv-border:#e9e5ee;
--cv-white:#ffffff;
--cv-shadow:0 12px 35px rgba(38,22,61,.12);
--cv-max:1320px;
position:fixed;
z-index:999999;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
font-family:var(--cv-font);
color:var(--cv-black);
}
.cv-header,.cv-header *,.cv-header *::before,.cv-header *::after{
box-sizing:border-box;
}
.cv-header a{
text-decoration:none !important;
}
.cv-header ul{
margin:0;
padding:0;
list-style:none;
}
.cv-header button{
font-family:var(--cv-font);
}
.cv-wrap{
width:min(calc(100% - 44px),var(--cv-max));
margin:0 auto;
}
body.admin-bar .cv-header{
top:32px;
}
.cv-topbar{
position:relative;
z-index:3;
width:100%;
background: linear-gradient(110deg,var(--cv-purple-dark) 0%,var(--cv-purple) 58%,#704da4 100%);
color:#fff;
}
.cv-topbar-inner{
min-height:42px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}
.cv-topbar-left,.cv-topbar-right{
display:flex;
align-items:center;
gap:24px;
}
.cv-top-item{
display:inline-flex;
align-items:center;
gap:8px;
color:rgba(255,255,255,.94) !important;
font-size:12px;
line-height:1.2;
font-weight:400;
white-space:nowrap;
transition: color .2s ease,opacity .2s ease;
}
.cv-top-item:hover{
color:#fff !important;
opacity:.82;
}
.cv-top-item svg{
width:15px;
height:15px;
flex:0 0 auto;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.cv-top-phone,.cv-location{
font-weight:500;
}
.cv-phone-divider{
width:1px;
height:15px;
display:block;
background:rgba(255,255,255,.28);
}
.cv-main{
position:relative;
z-index:2;
width:100%;
background:rgba(255,255,255,.98);
border-bottom:1px solid var(--cv-border);
box-shadow:var(--cv-shadow);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.cv-main-inner{
min-height:88px;
display:flex;
align-items:center;
gap:25px;
}
.cv-logo{
display:flex;
align-items:center;
flex:0 0 auto;
}
.cv-logo img{
display:block;
width:auto;
height:auto;
max-width:215px;
max-height:65px;
object-fit:contain;
}
.cv-nav{
display:flex;
align-items:center;
margin-left:auto;
}
.cv-menu{
display:flex;
align-items:center;
gap:2px;
}
.cv-menu > li{
position:relative;
}
@media(min-width:1021px){
.cv-menu > li.cv-has-dropdown{
position:static;
}
}
.cv-menu > li > a:not(.cv-products-link){
position:relative;
min-height:50px;
display:flex;
align-items:center;
justify-content:center;
padding:0 10px;
color:var(--cv-black) !important;
font-size:14px;
line-height:1;
font-weight:600;
white-space:nowrap;
transition:color .2s ease;
}
.cv-menu > li > a:not(.cv-products-link)::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:3px;
height:3px;
border-radius:10px;
background:var(--cv-purple);
transform:scaleX(0);
transition:transform .25s ease;
}
.cv-menu > li > a:not(.cv-products-link):hover,.cv-menu > li > a.cv-active:not(.cv-products-link){
color:var(--cv-purple) !important;
}
.cv-menu > li > a:not(.cv-products-link):hover::after,.cv-menu > li > a.cv-active:not(.cv-products-link)::after{
transform:scaleX(1);
}
.cv-products-control{
position:relative;
display:flex;
align-items:center;
min-height:50px;
overflow:hidden;
border-radius:12px;
background:transparent;
transition:background .2s ease;
}
.cv-products-link{
min-height:46px;
display:flex;
align-items:center;
justify-content:center;
padding:0 4px 0 12px;
border:0 !important;
background:transparent !important;
color:var(--cv-black) !important;
font-size:14px;
line-height:1;
font-weight:600;
white-space:nowrap;
box-shadow:none !important;
}
.cv-header .cv-products-toggle{
appearance:none !important;
-webkit-appearance:none !important;
width:31px;
height:46px;
min-width:31px;
min-height:46px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 31px;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 12px 12px 0 !important;
outline:0;
background:transparent !important;
background-color:transparent !important;
background-image:none !important;
color:var(--cv-black) !important;
box-shadow:none !important;
cursor:pointer;
}
.cv-header button.cv-products-toggle::before,.cv-header button.cv-products-toggle::after{
content:none !important;
display:none !important;
}
.cv-header .cv-products-toggle:hover,.cv-header .cv-products-toggle:focus,.cv-header .cv-products-toggle:active,.cv-header .cv-products-toggle[aria-expanded="true"]{
border:0 !important;
background:transparent !important;
color:var(--cv-purple-dark) !important;
box-shadow:none !important;
}
.cv-products-control:hover,.cv-has-dropdown:focus-within .cv-products-control,.cv-has-dropdown.cv-submenu-open .cv-products-control{
background:var(--cv-purple-soft) !important;
}
.cv-products-control:hover .cv-products-link,.cv-products-control:hover .cv-products-toggle,.cv-has-dropdown:focus-within .cv-products-link,.cv-has-dropdown:focus-within .cv-products-toggle,.cv-has-dropdown.cv-submenu-open .cv-products-link,.cv-has-dropdown.cv-submenu-open .cv-products-toggle{
color:var(--cv-purple-dark) !important;
}
.cv-arrow{
width:15px;
height:15px;
display:block;
fill:none !important;
stroke:currentColor !important;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
transition:transform .25s ease;
}
.cv-has-dropdown:hover .cv-arrow,.cv-has-dropdown:focus-within .cv-arrow,.cv-has-dropdown.cv-submenu-open .cv-arrow{
transform:rotate(180deg);
}
.cv-dropdown{
position:absolute;
top:calc(100% + 7px);
left:50%;
right:auto;
width:min(1050px,calc(100vw - 40px));
max-width:calc(100vw - 40px);
padding:18px;
border:1px solid var(--cv-border);
border-radius:22px;
background:#fff;
box-shadow: 0 28px 65px rgba(31,19,48,.18);
opacity:0;
visibility:hidden;
transform:translate(-50%,10px);
pointer-events:none;
transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
}
.cv-dropdown::before{
content:"";
position:absolute;
top:-14px;
left:0;
width:100%;
height:16px;
}
.cv-has-dropdown:hover > .cv-dropdown,.cv-has-dropdown:focus-within > .cv-dropdown,.cv-has-dropdown.cv-submenu-open > .cv-dropdown{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(-50%,0);
}
.cv-mega-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:13px;
padding:4px 5px 15px;
border-bottom:1px solid var(--cv-border);
}
.cv-mega-intro strong{
display:block;
color:var(--cv-black);
font-size:15px;
line-height:1.35;
font-weight:700;
}
.cv-mega-intro span{
display:block;
margin-top:3px;
color:var(--cv-muted);
font-size:12px;
line-height:1.5;
font-weight:400;
}
.cv-mega-all{
flex:0 0 auto;
min-height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 15px;
border-radius:999px;
background:var(--cv-purple-soft);
color:var(--cv-purple-dark) !important;
font-size:12px;
font-weight:600;
transition: background .2s ease,color .2s ease;
}
.cv-mega-all:hover{
background:var(--cv-purple);
color:#fff !important;
}
.cv-mega-grid{
display:grid;
grid-template-columns: 1.08fr .92fr;
gap:18px;
}
.cv-mega-column{
min-width:0;
}
.cv-mega-column-products{
padding-left:18px;
border-left:1px solid var(--cv-border);
}
.cv-mega-heading{
min-height:38px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:7px;
padding:0 7px;
}
.cv-mega-heading-title{
display:flex;
align-items:center;
gap:8px;
color:var(--cv-purple-dark);
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.cv-mega-heading-title::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:var(--cv-purple);
}
.cv-mega-heading a{
color:var(--cv-purple) !important;
font-size:11px;
font-weight:600;
white-space:nowrap;
}
.cv-mega-heading a:hover{
color:var(--cv-purple-dark) !important;
}
.cv-services-grid,.cv-products-grid{
display:grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap:5px;
}
.cv-service-link{
display:flex;
align-items:center;
gap:10px;
min-width:0;
min-height:59px;
padding:8px;
border-radius:12px;
background:transparent;
color:var(--cv-black) !important;
transition: background .2s ease,color .2s ease,transform .2s ease;
}
.cv-service-link:hover{
background:var(--cv-purple-soft);
color:var(--cv-purple-dark) !important;
transform:translateX(2px);
}
.cv-service-icon{
width:38px;
height:38px;
flex:0 0 38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:11px;
background:var(--cv-purple-soft);
color:var(--cv-purple);
}
.cv-service-icon svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.cv-product-link .cv-service-icon{
background:#f8f5fb;
color:var(--cv-purple-dark);
}
.cv-service-text{
display:block;
min-width:0;
}
.cv-service-text strong{
display:block;
margin-bottom:2px;
color:inherit;
font-size:12px;
line-height:1.3;
font-weight:600;
}
.cv-service-text span{
display:block;
color:#77727c;
font-size:10px;
line-height:1.4;
font-weight:400;
}
.cv-actions{
display:flex;
align-items:center;
flex:0 0 auto;
}
.cv-appointment{
min-height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 18px;
border:2px solid var(--cv-purple);
border-radius:999px;
background:var(--cv-purple);
color:#fff !important;
font-size:13px;
line-height:1;
font-weight:600;
white-space:nowrap;
box-shadow: 0 10px 24px rgba(91,59,145,.22);
transition: background .2s ease,border-color .2s ease,transform .2s ease;
}
.cv-appointment svg{
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
.cv-appointment:hover{
background:var(--cv-purple-dark);
border-color:var(--cv-purple-dark);
color:#fff !important;
transform:translateY(-2px);
}
.cv-header .cv-mobile-toggle{
appearance:none !important;
-webkit-appearance:none !important;
width:46px;
height:46px;
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
flex:0 0 46px;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:50% !important;
background:var(--cv-purple-soft) !important;
box-shadow:none !important;
cursor:pointer;
}
.cv-header .cv-mobile-toggle::before,.cv-header .cv-mobile-toggle::after{
content:none !important;
display:none !important;
}
.cv-mobile-toggle span{
width:21px;
height:2px;
display:block;
border-radius:4px;
background:var(--cv-purple-dark);
transition: transform .25s ease,opacity .25s ease;
}
.cv-mobile-toggle.cv-open span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}
.cv-mobile-toggle.cv-open span:nth-child(2){
opacity:0;
}
.cv-mobile-toggle.cv-open span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}
.cv-header-spacer{
width:100%;
height:130px;
}
@media(max-width:1200px){
.cv-main-inner{
gap:14px;
}
.cv-logo img{
max-width:175px;
}
.cv-menu > li > a:not(.cv-products-link){
padding-left:7px;
padding-right:7px;
font-size:13px;
}
.cv-products-link{
font-size:13px;
}
.cv-appointment{
padding-left:13px;
padding-right:13px;
font-size:12px;
}
.cv-dropdown{
width:min(980px,calc(100vw - 40px));
}
}
@media(max-width:1020px){
.cv-main-inner{
position:relative;
min-height:78px;
justify-content:space-between;
}
.cv-logo img{
max-width:185px;
max-height:57px;
}
.cv-header .cv-mobile-toggle{
display:flex;
order:3;
}
.cv-actions{
margin-left:auto;
}
.cv-nav{
position:absolute;
top:100%;
left:50%;
width:100vw;
max-height:calc(100vh - 78px);
overflow-x:hidden;
overflow-y:auto;
display:block;
margin:0;
padding:10px 22px 24px;
border-top:1px solid var(--cv-border);
background:#fff;
box-shadow: 0 22px 40px rgba(31,19,48,.15);
opacity:0;
visibility:hidden;
transform:translate(-50%,-10px);
transition: opacity .22s ease,visibility .22s ease,transform .22s ease;
}
.cv-nav.cv-open{
opacity:1;
visibility:visible;
transform:translate(-50%,0);
}
.cv-menu{
display:block;
width:min(100%,800px);
margin:0 auto;
}
.cv-menu > li{
width:100%;
border-bottom:1px solid #eee;
}
.cv-menu > li:last-child{
border-bottom:0;
}
.cv-menu > li > a:not(.cv-products-link){
width:100%;
min-height:54px;
justify-content:space-between;
padding:0 8px;
font-size:14px;
text-align:left;
}
.cv-menu > li > a:not(.cv-products-link)::after{
display:none;
}
.cv-menu > li:not(.cv-has-dropdown) > a::before{
content:"";
width:7px;
height:7px;
order:2;
border-top:2px solid var(--cv-purple);
border-right:2px solid var(--cv-purple);
transform:rotate(45deg);
opacity:.65;
}
.cv-products-control{
width:100%;
min-height:54px;
}
.cv-products-link{
min-height:54px;
flex:1;
justify-content:flex-start;
padding:0 8px;
font-size:14px;
}
.cv-header .cv-products-toggle{
width:52px;
height:54px;
min-width:52px;
min-height:54px;
flex:0 0 52px;
border-left: 1px solid rgba(91,59,145,.12) !important;
}
.cv-has-dropdown:hover > .cv-dropdown,.cv-has-dropdown:focus-within > .cv-dropdown{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:none;
}
.cv-dropdown{
position:static;
left:auto;
right:auto;
top:auto;
width:100%;
max-width:100%;
display:none;
padding:7px 0 18px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
opacity:1;
visibility:visible;
transform:none;
pointer-events:auto;
}
.cv-has-dropdown.cv-submenu-open > .cv-dropdown{
display:block;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:none;
}
.cv-mega-top{
padding:12px 10px 15px;
}
.cv-mega-grid{
grid-template-columns:1fr;
gap:20px;
padding:10px;
border-radius:17px;
background:#faf8fc;
}
.cv-mega-column-products{
padding-top:17px;
padding-left:0;
border-top:1px solid var(--cv-border);
border-left:0;
}
}
@media(max-width:700px){
.cv-wrap{
width:calc(100% - 28px);
}
.cv-header{
position:fixed !important;
top:0 !important;
left:0 !important;
width:100%;
z-index:999999;
}
.cv-topbar{
display:none !important;
height:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
}
.cv-main{
position:relative !important;
top:auto !important;
width:100%;
background:#fff !important;
border-bottom:1px solid var(--cv-border);
box-shadow: 0 7px 25px rgba(38,22,61,.13);
}
.cv-main-inner{
position:relative;
min-height:70px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.cv-logo img{
max-width:158px;
max-height:52px;
}
.cv-actions{
display:none !important;
}
.cv-header .cv-mobile-toggle{
display:flex;
margin-left:auto;
}
.cv-nav{
position:absolute;
top:100%;
left:50%;
width:100vw;
max-height:calc(100vh - 70px);
overflow-x:hidden;
overflow-y:auto;
padding:8px 14px 22px;
background:#fff;
border-top:1px solid var(--cv-border);
}
.cv-mega-top{
display:block;
padding:14px 8px;
}
.cv-mega-all{
margin-top:10px;
}
.cv-services-grid,.cv-products-grid{
grid-template-columns:1fr;
}
.cv-service-link{
min-height:58px;
}
.cv-service-text strong{
font-size:13px;
}
.cv-service-text span{
font-size:11px;
}
.cv-header-spacer{
display:block !important;
width:100% !important;
height:70px !important;
margin:0 !important;
padding:0 !important;
}
}
@media(max-width:782px){
body.admin-bar .cv-header{
top:46px !important;
}
}
@media(max-width:430px){
.cv-main-inner{
min-height:68px;
}
.cv-logo img{
max-width:150px;
max-height:50px;
}
.cv-header .cv-mobile-toggle{
width:43px;
height:43px;
flex-basis:43px;
}
.cv-nav{
max-height:calc(100vh - 68px);
}
.cv-header-spacer{
height:68px !important;
}
}
.cv-header a:focus-visible,.cv-header button:focus-visible{
outline:3px solid rgba(91,59,145,.30);
outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
.cv-header *,.cv-header *::before,.cv-header *::after{
transition-duration:.01ms !important;
}
}
.cv-footer{
--cvf-purple:#5b3b91;
--cvf-purple-dark:#40266f;
--cvf-purple-light:#7655aa;
--cvf-purple-soft:#eee8f6;
--cvf-bg:#343336;
--cvf-bg-dark:#29282b;
--cvf-white:#ffffff;
--cvf-text:#d5d2d8;
--cvf-muted:#aaa6af;
--cvf-border:rgba(255,255,255,.11);
--cvf-max:1320px;
width:100%;
margin:0;
padding:0;
background: linear-gradient(135deg,#39383b 0%,#302f32 55%,#29282b 100%);
color:#fff;
font-family: 'Poppins',Arial,Helvetica,sans-serif;
}
.cv-footer,.cv-footer *,.cv-footer *::before,.cv-footer *::after{
box-sizing:border-box;
}
.cv-footer a{
text-decoration:none !important;
}
.cv-footer ul{
margin:0;
padding:0;
list-style:none;
}
.cvf-wrap{
width:min(calc(100% - 44px),var(--cvf-max));
margin:0 auto;
}
.cvf-main{
position:relative;
padding:72px 0 60px;
overflow:hidden;
}
.cvf-main::before{
content:"";
position:absolute;
top:-180px;
right:-150px;
width:420px;
height:420px;
border-radius:50%;
background: radial-gradient(circle,rgba(91,59,145,.20) 0%,rgba(91,59,145,.06) 40%,transparent 70%);
pointer-events:none;
}
.cvf-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns: 1.05fr 1.15fr 1.15fr;
gap:65px;
align-items:start;
}
.cvf-brand{
max-width:330px;
}
.cvf-logo{
display:inline-flex;
align-items:center;
margin-bottom:24px;
}
.cvf-logo img{
display:block;
width:auto;
height:auto;
max-width:260px;
max-height:90px;
object-fit:contain;
filter: brightness(0) invert(1);
}
.cvf-brand-text{
max-width:310px;
margin:0 0 24px;
color:var(--cvf-text);
font-size:13px;
line-height:1.8;
font-weight:400;
}
.cvf-brand-text strong{
color:#fff;
font-weight:600;
}
.cvf-socials{
display:flex;
align-items:center;
gap:10px;
}
.cvf-social{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
border: 1px solid rgba(255,255,255,.28);
border-radius:50%;
color:#fff !important;
background: rgba(255,255,255,.04);
transition: background .22s ease,border-color .22s ease,transform .22s ease;
}
.cvf-social:hover{
background:var(--cvf-purple);
border-color:var(--cvf-purple);
transform:translateY(-3px);
}
.cvf-social svg{
width:18px;
height:18px;
fill:currentColor;
}
.cvf-title{
position:relative;
margin:0 0 28px;
padding-bottom:14px;
color:#fff;
font-family: 'Poppins',Arial,Helvetica,sans-serif;
font-size:21px;
line-height:1.3;
font-weight:700;
}
.cvf-title::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:38px;
height:3px;
border-radius:10px;
background:var(--cvf-purple-light);
}
.cvf-contact-list{
display:flex;
flex-direction:column;
gap:17px;
}
.cvf-contact-item{
display:flex;
align-items:flex-start;
gap:13px;
}
.cvf-contact-icon{
width:35px;
height:35px;
flex:0 0 35px;
display:flex;
align-items:center;
justify-content:center;
margin-top:-5px;
border-radius:10px;
background: rgba(118,85,170,.14);
color:#c5afe5;
}
.cvf-contact-icon svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.cvf-contact-content{
color:var(--cvf-text);
font-size:13px;
line-height:1.65;
font-weight:400;
}
.cvf-contact-content a{
color:var(--cvf-text) !important;
font-weight:400;
transition:color .2s ease;
}
.cvf-contact-content a:hover{
color:#fff !important;
}
.cvf-seo-links{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:24px;
}
.cvf-seo-link{
position:relative;
display:flex;
align-items:center;
gap:11px;
min-height:39px;
padding:6px 8px 6px 0;
color:var(--cvf-text) !important;
font-size:13px;
line-height:1.4;
font-weight:500;
transition: color .2s ease,transform .2s ease;
}
.cvf-seo-link::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-top: 2px solid var(--cvf-purple-light);
border-right: 2px solid var(--cvf-purple-light);
transform:rotate(45deg);
}
.cvf-seo-link:hover{
color:#fff !important;
transform:translateX(4px);
}
.cvf-all-services{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 19px;
border: 1px solid rgba(255,255,255,.20);
border-radius:999px;
background: rgba(255,255,255,.06);
color:#fff !important;
font-size:12px;
line-height:1;
font-weight:600;
transition: background .22s ease,border-color .22s ease,transform .22s ease;
}
.cvf-all-services svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:2;
transition:transform .22s ease;
}
.cvf-all-services:hover{
background:var(--cvf-purple);
border-color:var(--cvf-purple);
transform:translateY(-2px);
}
.cvf-all-services:hover svg{
transform:translateX(3px);
}
.cvf-cta{
position:relative;
z-index:2;
margin-top:55px;
padding:24px 28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border: 1px solid rgba(255,255,255,.10);
border-radius:18px;
background: linear-gradient(105deg,rgba(91,59,145,.22),rgba(91,59,145,.07));
}
.cvf-cta-content{
display:flex;
align-items:center;
gap:15px;
}
.cvf-cta-icon{
width:47px;
height:47px;
flex:0 0 47px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:var(--cvf-purple);
color:#fff;
}
.cvf-cta-icon svg{
width:23px;
height:23px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
.cvf-cta-text strong{
display:block;
margin-bottom:4px;
color:#fff;
font-size:15px;
line-height:1.3;
font-weight:600;
}
.cvf-cta-text span{
display:block;
color:var(--cvf-text);
font-size:12px;
line-height:1.5;
font-weight:400;
}
.cvf-cta-button{
min-height:47px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
padding:0 22px;
border-radius:999px;
background:#fff;
color:var(--cvf-purple-dark) !important;
font-size:12px;
line-height:1;
font-weight:600;
white-space:nowrap;
transition: background .2s ease,color .2s ease,transform .2s ease;
}
.cvf-cta-button:hover{
background:var(--cvf-purple);
color:#fff !important;
transform:translateY(-2px);
}
.cvf-bottom{
border-top:1px solid var(--cvf-border);
background:rgba(0,0,0,.13);
}
.cvf-bottom-inner{
min-height:66px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}
.cvf-copy{
margin:0;
color:var(--cvf-muted);
font-size:11px;
line-height:1.5;
font-weight:400;
}
.cvf-legal{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px 14px;
}
.cvf-legal a{
color:var(--cvf-text) !important;
font-size:11px;
line-height:1.4;
font-weight:400;
transition:color .2s ease;
}
.cvf-legal a:hover{
color:#fff !important;
}
@media(max-width:1000px){
.cvf-grid{
grid-template-columns: repeat(2,minmax(0,1fr));
gap:50px 45px;
}
.cvf-brand{
grid-column:1 / -1;
max-width:100%;
display:grid;
grid-template-columns: auto minmax(0,1fr);
gap:10px 45px;
align-items:center;
}
.cvf-logo{
grid-row:1 / span 2;
margin:0;
}
.cvf-brand-text{
max-width:600px;
margin:0 0 13px;
}
}
@media(max-width:700px){
.cvf-wrap{
width:calc(100% - 34px);
}
.cvf-main{
padding:52px 0 42px;
}
.cvf-grid{
grid-template-columns:1fr;
gap:42px;
}
.cvf-brand{
grid-column:auto;
display:block;
text-align:center;
}
.cvf-logo{
display:flex;
justify-content:center;
margin-bottom:20px;
}
.cvf-logo img{
max-width:230px;
}
.cvf-brand-text{
max-width:420px;
margin:0 auto 20px;
}
.cvf-socials{
justify-content:center;
}
.cvf-title{
font-size:20px;
}
.cvf-cta{
margin-top:42px;
padding:22px;
display:block;
}
.cvf-cta-content{
align-items:flex-start;
}
.cvf-cta-button{
width:100%;
margin-top:20px;
}
.cvf-bottom-inner{
min-height:auto;
padding:22px 0;
display:block;
text-align:center;
}
.cvf-legal{
justify-content:center;
margin-top:12px;
}
}
@media(max-width:430px){
.cvf-main{
padding-top:45px;
}
.cvf-logo img{
max-width:205px;
}
.cvf-cta-content{
display:block;
}
.cvf-cta-icon{
margin-bottom:14px;
}
}
.cv-footer a:focus-visible{
outline: 3px solid rgba(197,175,229,.6);
outline-offset:3px;
}