/* 
Theme Name: Paola Nutricion
Theme URI: http://paolanutricion.com
Description: Tema para sitio Paola Nutricion
Theme Author: Diana Velásquez
Template: twentytwentyfour
Version: 1.0.0
Text Domain: paolanutricion
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
:root {
    --wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.5rem);
}

.testimonial {
    background: white;
    padding: 1.25rem;
    border-radius: .75rem;
}

.testimonial figure {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -70px;
}

.testimonial {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.testimonial p:nth-child(2) {
    margin-bottom: auto;
    padding-top: 20px;
}

.testimonial p:nth-child(4) {
    margin-top: 0;
}

.testimonial img {
    width: 50px;
}

.testimonial {
    margin-bottom: 90px!important;
}

.hero {
    background: #fbf9f5;
}

.home header > div {
    background-color: #005450!important;
    color: white;
}

.home .hero {
    background: #005450;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1022' height='1123' viewBox='0 0 1022 1123' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M801.754 373.662C891.361 229.419 896.654 92.7618 800.279 31.5995C669.235 -51.5646 399.844 36.3427 198.578 227.946C-2.68921 419.549 -59.6161 642.292 71.4277 725.456C117.265 754.546 180.029 762.705 250.883 752.817C196.521 900.663 236.085 1028.15 359.66 1059.98C438.405 1080.27 535.885 1057.75 628.651 1005.21C630.79 1065.79 669.946 1112 736.462 1120.99C833.283 1134.06 951.412 1063.31 1000.31 962.959C1049.21 862.608 1010.36 770.658 913.536 757.583C901.756 755.992 889.661 755.642 877.413 756.436C977.593 578.523 947.749 411.258 803.614 374.132C802.995 373.973 802.375 373.816 801.754 373.662Z' fill='%23F2EDFF'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1022' height='1123' viewBox='0 0 1022 1123' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M801.754 373.662C891.361 229.419 896.654 92.7618 800.279 31.5995C669.235 -51.5646 399.844 36.3427 198.578 227.946C-2.68921 419.549 -59.6161 642.292 71.4277 725.456C117.265 754.546 180.029 762.705 250.883 752.817C196.521 900.663 236.085 1028.15 359.66 1059.98C438.405 1080.27 535.885 1057.75 628.651 1005.21C630.79 1065.79 669.946 1112 736.462 1120.99C833.283 1134.06 951.412 1063.31 1000.31 962.959C1049.21 862.608 1010.36 770.658 913.536 757.583C901.756 755.992 889.661 755.642 877.413 756.436C977.593 578.523 947.749 411.258 803.614 374.132C802.995 373.973 802.375 373.816 801.754 373.662Z' fill='%23FFD368'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: bottom center;
    color: white;
}

.home .hero img {
    filter: brightness(1.075);
    object-fit: contain;
    max-height: 400px;
}

.home .hero h1 {
    color: inherit;
}

.service {
    border: 1px solid #D2CBC5;
    border-radius: 16px;
    padding: 2em 2em 3em;
    text-align: center;
}

.service svg {
    background-image: url("data:image/svg+xml,%3Csvg width='77' height='78' viewBox='0 0 77 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.1409 7.52992C77.9596 14.7419 75.9973 25.8392 75.8492 35.7446C75.6969 45.9284 76.8721 56.8367 70.2876 64.59C63.1222 73.0271 51.914 76.9607 40.8243 76.9861C29.3011 77.0126 17.5925 73.3062 9.87607 64.7286C2.27683 56.2813 -0.426388 44.2984 1.34507 33.1009C2.93708 23.0376 10.525 15.5044 18.6368 9.35128C25.7888 3.9262 34.2913 1.60551 43.277 1.2938C53.158 0.951029 64.339 0.335753 71.1409 7.52992Z' fill='white' stroke='%23449B4C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 25px;
    color: #459c4c;
}
.service:nth-child(3) svg {
    filter: hue-rotate(246deg);
}
.service:nth-child(2) svg {
    filter: hue-rotate(81deg);
}

.subheading {
    text-transform: uppercase;
    color: #2d7b2e;
    margin-bottom: 1em!important;
}

.home header .custom-logo-link:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(https://paolanutricion.mx/wp-content/uploads/2025/07/logopcs.svg);
    display: block;
    content: '';
    background-repeat: no-repeat;
    width: 65px;
    z-index: 1;
    filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.1));
}

.home header .custom-logo-link img {
    filter: brightness(12.5);
}

.home .hero h1 {
    font-weight: 500;
}

.numbers:before {
    content: '+';
    position: absolute;
    margin-left: -1em;
    font-size: 2em;
    line-height: 1;
}

.numbers {
    padding-left: 2em;
}


.numbers--1:before {
    color: green;
}
.numbers--2:before {
    color: #c8a86b;
}
.numbers--3:before {
    color: #F29089;
}


@media (min-width:782px) {
    .home .hero {
        background-size: 75%;
        background-position: 155% 0%;
        background-size: 50%;
        background-position: 100% -10%;    
    }
    
    .home .hero h1 {
        font-size: 4em;
    }
    
    .home .hero img {
        max-height: initial;
    }
}