/*
Theme Name: Sumiagro
Theme URI: https://importadorasumiagro.co
Author: IAprosystems
Author URI: https://iaprosystems.com
Description: Tema a medida para importadora Sumiagro (recreacion del sitio Site.pro en WordPress).
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: sumiagro
*/
:root{--sg-teal:#0ca3a6;--sg-dark:#373b3b;--sg-yel:#ede505;--sg-yel-t:#f2e602;--sg-yel2:#f5ed0c;--sg-light:#fcfcfc;--sg-gray:#ededed;--sg-h2:34px;--sg-h2lh:36px;--sg-p:19px;--sg-plh:24px}
body{margin:0;font-family:Roboto,Arial,sans-serif;font-size:var(--sg-p);line-height:var(--sg-plh);color:#000;background:#fff;-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*{margin-block-start:0!important;margin-block-end:0!important}
.sg-main h1,.sg-main h2,.sg-main h3,.sg-main p,.sg-main figure{margin:0}
.sg-main{text-align:center;overflow:hidden}
.sg-main h2{font-size:var(--sg-h2);line-height:var(--sg-h2lh);font-weight:700}
.sg-main h3{font-size:var(--sg-p);line-height:22px;font-weight:700;color:#0a0a0a}
.sg-main p{font-size:var(--sg-p);line-height:var(--sg-plh)}
.sg-main .wp-block-image{margin:0;text-align:center}
.sg-main .wp-block-image img{display:block;margin:0 auto;max-width:100%;height:auto}
.sg-main .wp-block-columns{margin:0;flex-wrap:nowrap}
.sg-main .wp-block-buttons{justify-content:center}
.sg-sec{padding:40px 20px;box-sizing:border-box}
.wp-block-button__link{border-radius:0;text-decoration:none;box-sizing:border-box;transition:opacity .2s}
.wp-block-button__link:hover{opacity:.88}
.sg-dots{border:0!important;border-top:7px dotted #fff!important;width:40px!important;max-width:40px!important;height:0!important;margin:22px auto 18px!important;opacity:1!important;background:none!important;color:transparent!important}

/* ---------- Encabezado ---------- */
.sg-header{background:var(--sg-light);position:relative;z-index:50}
.sg-header-inner{max-width:1200px;margin:0 auto;padding:20px 61px 20px 40px;min-height:87px;box-sizing:border-box;align-items:center!important;gap:20px}
.sg-logo{margin:0;font-size:34px;line-height:36px;font-weight:700;font-family:Roboto,Arial,sans-serif}
.sg-logo a{color:var(--sg-teal);text-decoration:none}
.sg-header-right{gap:60px!important;align-items:center}
.sg-nav .wp-block-navigation__container{gap:0!important}
.sg-nav .wp-block-navigation-item__content{display:block;padding:10px 20px;font-size:15px;line-height:17px;font-weight:700;text-transform:uppercase;color:#050505;text-decoration:none}
.sg-nav .wp-block-navigation-item__content:hover,.sg-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--sg-teal)}
.sg-mail .wp-block-button__link{background:var(--sg-teal);color:#fff;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:27px;font-weight:700;padding:10px}

/* ---------- Pie de pagina ---------- */
.sg-footer{background:var(--sg-teal);padding:40px 20px 30px;text-align:center;color:#fff}
.sg-fsoc{display:flex;justify-content:center;gap:20px}
.sg-fsoc a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;text-decoration:none;font-size:40px;line-height:40px}
.sg-fsoc a:hover{opacity:.85}
.sg-fsoc svg{display:block;width:40px;height:40px}
.sg-copy{margin:30px 0 0;font-size:14px;line-height:24px;color:#fff}
.sg-copy a{color:#c9c5c9;font-weight:700;text-decoration:underline}

/* ---------- Inicio: portada ---------- */
.wp-block-cover.sg-hero{padding:40px 20px 0;min-height:0!important;align-items:stretch}
.sg-hero .wp-block-cover__background{background-color:var(--sg-yel)!important;opacity:.84!important}
.sg-hero .wp-block-cover__inner-container{max-width:1200px;margin:0 auto;color:#000}
.sg-hero-cols{gap:0!important}
.sg-hero-cols>.sg-hero-left{flex-basis:55%!important;flex-grow:0!important}
.sg-hero-cols>.sg-hero-right{flex-basis:45%!important;flex-grow:0!important}
.sg-hero-box{background:#fff;padding:40px 20px}
.sg-hero-box p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:19px;color:#333}
.sg-hero-box h2{color:#000;margin-bottom:20px!important}
.sg-pair{margin-top:40px!important;gap:0!important;flex-wrap:nowrap!important}
.sg-pair .wp-block-button{flex:1 1 50%;width:50%}
.sg-pair .wp-block-button__link{display:block;width:100%;padding:20px}
.sg-btn-dark .wp-block-button__link{background:var(--sg-dark);color:#fff}
.sg-btn-teal .wp-block-button__link{background:var(--sg-teal);color:#fff}

/* ---------- Inicio: tarjetas turquesa ---------- */
.sg-teal{background:var(--sg-teal);color:#fff}
.sg-teal h2,.sg-teal p{color:#fff}
.sg-cards3{max-width:1120px;margin:0 auto!important;gap:20px!important;padding:10px 0}
.sg-tcard{padding:10px}
.sg-tcard p{margin-top:13px!important;padding:0 10px}
.sg-tcard .wp-block-buttons{margin-top:20px!important;margin-bottom:10px!important}
.sg-btn-sm .wp-block-button__link{font-size:14px;width:150px;padding:20px}

/* ---------- Inicio: iconos ---------- */
.sg-light{background:var(--sg-light)}
.sg-light>h2{color:#3d3d3d;margin-top:17px!important}
.sg-feats{max-width:1120px;margin:36px auto 13px!important;gap:20px!important}
.sg-feat{padding:10px}
.sg-ico{display:block!important;font-size:45px;line-height:45px;height:45px;color:var(--sg-teal);margin:15px auto 9px!important}
.sg-feat h3{margin-bottom:17px!important}
.sg-feat p{margin-bottom:15px!important;padding:0 15px}

/* ---------- Inicio: franja oscura ---------- */
.sg-darksec{background:var(--sg-dark);color:var(--sg-yel-t)}
.sg-darksec h2,.sg-darksec p{color:var(--sg-yel-t)}
.sg-dots-y{border-top:9px dotted var(--sg-yel-t)!important;width:35px!important;max-width:35px!important;margin:31px auto 45px!important}
.sg-darksec p{max-width:730px;margin:45px auto 20px!important}

/* ---------- Inicio: galeria ---------- */
.sg-intro>p,.sg-galsec>p{max-width:1160px;margin:20px auto 0!important}
.sg-galsec{padding-bottom:70px}
.sg-gal{max-width:1124px;margin:50px auto 0!important;gap:40px!important}
.sg-gal+.sg-gal{margin-top:60px!important}
.sg-gimg img{width:100%!important;height:300px!important;object-fit:cover}
.sg-gcap{background:var(--sg-gray);padding:15px}
.sg-gcap p{margin-top:7px!important}

/* ---------- Sobre nosotros ---------- */
.wp-block-media-text.sg-split{background:var(--sg-teal);color:#fff;min-height:500px}
.sg-split .wp-block-media-text__media{min-height:500px;overflow:hidden;position:relative}
.sg-split .wp-block-media-text__media img{position:absolute!important;left:0!important;top:0!important;right:auto!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.sg-split .wp-block-media-text__content{padding:37px 60px 20px!important;color:#fff}
.sg-split h2,.sg-split p{color:#fff}
.sg-split p{margin-top:18px!important}
.sg-team{padding-bottom:70px}
.sg-team>h2,.sg-testi>h2{margin-top:20px!important}
.sg-members{max-width:1180px;margin:50px auto 0!important;gap:20px!important}
.sg-members+.sg-members{margin-top:60px!important}
.sg-member{padding:10px}
.sg-member .wp-block-image{margin-top:20px!important}
.sg-member .wp-block-image img{width:250px;height:167px;object-fit:cover}
.sg-name{margin-top:33px!important}
.sg-member .sg-desc{margin-top:41px!important}
.sg-msoc{display:flex;justify-content:center;gap:10px;margin:45px 0 25px!important}
.sg-msoc a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;color:#000;font-size:35px;line-height:35px;text-decoration:none}
.sg-msoc a:hover{color:var(--sg-teal)}
.sg-teal2{padding:70px 20px}
.sg-cols2{max-width:1180px;margin:0 auto!important;gap:80px!important}
.sg-cols2>.wp-block-column{padding:10px;position:relative}
.sg-cols2>.wp-block-column+.wp-block-column:before{content:"";position:absolute;left:-41.5px;top:67px;width:3px;height:150px;background:#fff}
.sg-teal2 h2{color:#fafafa;margin-top:17px!important}
.sg-teal2 p{color:#fafafa;margin-top:32px!important;padding:0 29px}
.sg-teal2 .wp-block-buttons{margin-top:21px!important;margin-bottom:10px!important}
.sg-btn-white .wp-block-button__link{background:#fff;color:var(--sg-teal);font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;padding:16px 15px;width:150px}
.sg-yellow{background:var(--sg-yel2);color:#454f4f;padding:77px 20px 70px}
.sg-yellow h2,.sg-yellow p{color:#454f4f}
.sg-yellow p{max-width:693px;margin:32px auto 0!important}
.sg-yellow .wp-block-buttons{margin-top:21px!important}
.sg-btn-call .wp-block-button__link{background:var(--sg-teal);color:#fff;padding:15px}
.sg-testi{padding-bottom:70px}
.sg-testi .sg-members{margin-top:50px!important}
.sg-testi .sg-desc{margin:33px auto 0!important;max-width:324px}
.sg-testi .sg-name{margin:40px 0 21px!important}

/* ---------- Cursos ---------- */
.sg-intro{padding:60px 20px}
.sg-intro>p{max-width:1140px}
.sg-cgrid{max-width:1180px;margin:10px auto 10px!important;gap:20px!important}
.sg-cgrid>.sg-cleft{flex-basis:688px!important;flex-grow:0!important}
.sg-crow{gap:20px!important;margin-top:20px!important}
.sg-crow+.sg-crow{margin-top:60px!important}
.sg-ccard{padding:10px}
.sg-ccard .wp-block-image{margin-top:10px!important}
.sg-ccard .wp-block-image img{width:100%;height:177px;object-fit:cover}
.sg-crow+.sg-crow .sg-ccard .wp-block-image img{height:210px}
.sg-ccard h3{margin-top:10px!important}
.sg-ccard p{margin:17px 0 15px!important}
.wp-block-cover.sg-globe{min-height:761px!important;height:100%;padding:0}
.sg-globe .wp-block-cover__background{background-color:#000!important;opacity:.19!important}
.sg-band{background:var(--sg-teal);color:#fff;min-height:400px;padding:58px 20px 40px}
.sg-band h2{font-size:48px;line-height:55px;color:#fff}
.sg-band p{font-size:31px;line-height:36px;color:#fff;max-width:1140px;margin:18px auto 0!important}
.sg-icons{padding:70px 20px}
.sg-icols{max-width:1120px;margin:0 auto!important;gap:47px!important}
.sg-icols>.wp-block-column{padding:10px}
.sg-icols .sg-ico{font-size:50px;line-height:50px;height:50px;margin:20px auto 36px!important}
.sg-icols h3{margin-bottom:22px!important}
.sg-icols p{margin-bottom:40px!important}
.sg-icols p:last-child{margin-bottom:21px!important}

/* ---------- Contactos ---------- */
.sg-ybar{background:#ffe205;height:30px!important;margin:0!important}
.sg-map{line-height:0}
.sg-map iframe{display:block;width:100%;height:430px;border:0}
.sg-contact{padding:78px 20px 84px}
.sg-contact h2{font-size:48px;line-height:58px;color:var(--sg-teal)}
.sg-contact>p{margin-top:15px!important}
.sg-line{border:0!important;border-top:2px solid var(--sg-teal)!important;max-width:1200px!important;width:100%!important;margin:40px auto 50px!important;opacity:1!important}
.sg-cinfo{justify-content:center;gap:50px!important;align-items:center!important}
.sg-cinfo>.wp-block-column{flex:0 0 auto!important;width:auto!important}
.sg-cinfo a{color:#3892a4;font-weight:700;text-decoration:none}
.sg-cinfo a:hover{text-decoration:underline}
.sg-form{max-width:1200px;margin:50px auto 0;text-align:left;font-size:16px}
.sg-form .sg-row{display:flex;align-items:center;margin-bottom:4px}
.sg-form .sg-row-msg{align-items:center}
.sg-form .sg-row label{flex:0 0 148px;padding:2px 8px 2px 0;box-sizing:border-box;font-size:16px;line-height:19px;color:#000}
.sg-form .req{color:#a94442}
.sg-form .sg-row input,.sg-form .sg-row textarea{flex:1 1 auto}
.sg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sg-alert{padding:10px 14px;margin:0 0 14px;font-size:15px;border:1px solid}
.sg-ok{background:#e8f6f6;border-color:var(--sg-teal);color:#075e60}
.sg-err{background:#fbecec;border-color:#a94442;color:#a94442}
.sg-form input[type=text],.sg-form input[type=email],.sg-form textarea{width:100%;box-sizing:border-box;height:34px;padding:6px 12px;border:1px solid #ccc;border-radius:0;font-size:14px;color:#555;font-family:inherit;background:#fff}
.sg-form textarea{height:94px;resize:vertical}
.sg-form .sg-submit{text-align:right}
.sg-form button[type=submit]{background:#fff;border:1px solid #ccc;color:#333;font-family:Arial,sans-serif;font-size:14px;line-height:20px;padding:6px 12px;cursor:pointer;border-radius:0}
.sg-form button[type=submit]:hover{background:#e6e6e6}
.sg-form .wpcf7-spinner{vertical-align:middle}
.wpcf7 form .wpcf7-response-output{margin:10px 0 0;font-size:14px}

/* ---------- Tablet ---------- */
@media (max-width:1199px){
:root{--sg-h2:28px;--sg-h2lh:30px;--sg-p:16px;--sg-plh:20px}
.sg-logo{font-size:28px;line-height:30px}
.sg-header-inner{padding:10px 30px;min-height:144px}
.sg-header-right{flex-direction:column;gap:20px!important}
.sg-main h3{line-height:18px}
.sg-ico{font-size:40px;line-height:40px;height:40px}
.sg-band h2,.sg-contact h2{font-size:40px;line-height:48px}
.sg-band p{font-size:26px;line-height:30px}
.sg-gimg img{height:300px!important}
.sg-member .wp-block-image img{width:250px;height:167px}
}
/* ---------- Movil ---------- */
@media (max-width:781px){
.sg-main .wp-block-columns{flex-wrap:wrap!important}
.sg-main .wp-block-column{flex-basis:100%!important}
.sg-header-inner{flex-wrap:wrap!important;justify-content:center!important;padding:15px 20px;min-height:0}
.sg-header-right{flex-direction:row;gap:20px!important}
.sg-logo{font-size:28px;line-height:30px;text-align:center}
.sg-hero-cols>.sg-hero-left{display:none}
.wp-block-cover.sg-hero{padding:40px 20px}
.sg-hero-box{padding:30px 15px}
.sg-cols2>.wp-block-column+.wp-block-column:before{display:none}
.sg-gal,.sg-members,.sg-cards3,.sg-feats,.sg-icols,.sg-cols2,.sg-cgrid{gap:30px!important}
.sg-band{min-height:0}
.sg-band h2,.sg-contact h2{font-size:32px;line-height:38px}
.sg-band p{font-size:20px;line-height:26px}
.wp-block-cover.sg-globe{min-height:400px!important}
.sg-form .sg-row{flex-direction:column;align-items:stretch}
.sg-form .sg-row label{flex-basis:auto;padding:6px 0}
.sg-cinfo{gap:20px!important}
.sg-split .wp-block-media-text__content{padding:30px 20px!important}
.sg-teal2 p{padding:0}
}
@media (max-width:599px){
.sg-pair{flex-wrap:wrap!important}
.sg-pair .wp-block-button{flex-basis:100%;width:100%;max-width:250px}
}